Question

i have a simple dropdown menu like this below:

<select name="category[]" id="category" class="icon-menu">
  <option value="all">All</option>
  <option value="misc">misc</option>
  <option value="travel">travel</option>
  <option value="weather">weather</option>
  <option value="shopping">shopping</option>
  <option value="restaurant">restaurant</option>
  <option value="food">food</option>
  <option value="kitchen">kitchen</option>
  ...

and also some css making a picture in the background of each option. But i see on other sites often, that an action is done when you click on one of the options in the drop down menu. like the form being submitted on the click of the option. but mine you have to click on the option then click submit.

i imagined it would be a simple change, but i cant find the answer…

Answer 1

you have to bind the onchange event to a javascript function i.e

<select id="category" class="icon-menu" onchange="myFunction()"></select>

… and in your javascript file

function myFunction()
{
   document.forms[0].submit();
}