jquery function on dropdown select

Question

I need to run a jquery function if a certain dropdown option is selected.

<select name=dropdown size=1>
    <option value=1>option 1</option>
    <option value=2>option 2</option>
</select>

I have the commands in the function ready, Im just not sure on how to make it so if option 2 is currently active in the dropdown, then run the function.

(dropdown doesnt have a submit button, i want it ran when the user highlights the option)

Answer 1

use

$("#idofselectbox").change(function(){
// your code here
});

hope this helps....

Answer 2

    $(document).ready(function() {
      $("select[name='dropdown']").change(function() {
         if($(this).val()==2){
             //do what u want here
           }//u can check your desired value here
     });
   });

I think you want this.

Answer 3

$(document).ready(function() {
  $("select[name='dropdown']").change(function() {
     alert($(this).val());
  });
});

Answer 4

Try this demo http://jsfiddle.net/JGp9e/

This will help, have a nice one!

code

$('select[name="dropdown"]').change(function(){

    if ($(this).val() == "2"){
        alert("call the do something function on option 2");
     }        
});​

HTML

<select name="dropdown" size=1>
    <option value="1">option 1</option>
    <option value="2">option 2</option>
</select>​

Answer 5

Try this one, Demo on JsFiddle

$('select[name="dropdown"]').change(function() {
    alert($(this).val());

});

Answer 6

You need to use change function

$('select[name=dropdown]').change(function() {
    alert($(this).val());
});