下拉选择jquery函数

时间:2012-05-07 11:45:07

标签: jquery drop-down-menu

如果选择了某个下拉选项,我需要运行一个jquery函数。

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

我已准备好功能中的命令,我只是不确定如何使它如此,如果选项2当前在下拉列表中处于活动状态,则运行该功能。

(下拉列表没有提交按钮,我希望它在用户突出显示选项时运行)

7 个答案:

答案 0 :(得分:30)

试试演示 http://jsfiddle.net/JGp9e/

这会有所帮助,有一个好的!

<强>码

$('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>​

答案 1 :(得分:6)

试试这个,Demo on JsFiddle

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

});

答案 2 :(得分:3)

使用

$("#idofselectbox").change(function(){
// your code here
});
希望这会有所帮助......

答案 3 :(得分:3)

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

答案 4 :(得分:1)

您需要使用change功能

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

答案 5 :(得分:0)

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

我想你想要这个。

答案 6 :(得分:0)

一种简单的方法如下:

<select name="select" id="select" onChange="window.location = this.value">
  <option value="/en">English</option>
  <option value="/ps">Pashto</option>
</select>