Thread

I am putting together a simple form, which I don’t require to do anything but pass on the values selected in the select fields onto URL segments.

I’m a bit stuck on how to go about this.

I want to pass date values on (year, month, day), so that the URL may end up like this:

http://www.mysite.com/2013/12/12/.

Any suggestions?

Hi,

You can do it with the help of JavaScript or JQuery like:

$('#SUBMIT_BUTTON_ID').click(function(){  
        [removed]='http://www.mysite.com/' + $('#YEAR_FIELD_ID').val() + '/' + $('#MONTH_FIELD_ID').val() + '/' + $('#DAY_FIELD_ID').val();
});

I hope, it would help you.

Best Regards,

Thanks so much Bhashkar, I’ll give that a try,

That didn’t work and I’m not sure why, here is my code, I’m probably being dumb and missing something obvious.

[removed]
     $('#date-search').click(function(){  
        [removed]='http://www.chocolateweek.co.uk/' + $('#year').val() + '/' + $('#month').val() + '/' + $('#day').val();
}); 
 [removed]

<form id="search-events" method="get" acti>
 <select name="year" class="year" id="year">
  <option value="2013">2013</option>
 </select>
 <select name="month" class="month" id="month">
  <option value="">Month</option> 
  <option value="01">01</option>
 </select>
 <select name="day" class="day" id="day">
  <option value="">Day</option>
  <option value="01">01</option>
 </select>
 <select name="selpar" class="home-signup">
 <option value="">Select Participant</option>
  {exp:channel:entries channel="participants" dynamic="off" orderby="title" sort="asc" status="Open|Featured" limit="300"}
   <option value="{entry_id}">{title}</option>
  {/exp:channel:entries}
 </select>
 <input type="submit" id="date-search" />
</form>

ahh, just noticed [removed] is being removed in code view and replaced with [removed] 😉.

Best Regards,

Just saw that too, what was in the place of removed?!

😛

Can you do anything alert within the click event and it would be better if you remove the <form>. There is no need for this tag.

Hmm, no alert either, the temporary test page is here, if you don’t mind taking a look….?

http://www.chocolateweek.co.uk/events/date_participants/

it seems that there is some JQuery conflict. So we can use JavaScript for this simple event. Just add onclick event to submit button like :

<input type="submit" id="date-search"  />

Now you need to have JS code like

function redirect_page()
 {
  [removed] ='http://www.chocolateweek.co.uk/' + document.getElementById("year").value + '/' + document.getElementById("month").value + '/' + document.getElementById("day").value; 
 }

Just looked that code is removed from code view so please look at attached image.

Best Regards,

Thanks for taking the time to have a look, and for your wisdom!

I’ll give that a try.

Nice to meet you all! wellcome to our resorces: http://www.rosautopark.ru and www.tvoya-tema.ru

Hi jonparadise2,

I go to http://www.chocolateweek.co.uk/events/date_participants/ and all I have an empty page .

this is the problem or this is a new thing??!!!