在下拉菜单的jQuery功能选择(jquery function on dropdown selec

2019-07-29 06:55发布

我需要的,如果选择了一定的下拉选项来运行一个jQuery功能。

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

我在功能的命令准备好了,我只是不知道如何使它所以如果选择2是目前活跃在下拉列表中,然后运行该功能。

(下拉可是没有一个提交按钮,我希望它运行在用户凸显选项)

Answer 1:

试试这个演示 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>​


Answer 2:

试试这一个, 示范上的jsfiddle

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

});


Answer 3:

使用

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

希望这可以帮助....



Answer 4:

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


Answer 5:

你需要使用change函数

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


Answer 6:

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

我想你想这一点。



文章来源: jquery function on dropdown select