使用jQuery绑定下拉或单选按钮事件?

时间:2012-03-24 19:42:52

标签: javascript jquery jquery-plugins binding drop-down-menu

显然这是非常基本的jQuery,但即时通讯紧迫,我可以使用一些帮助调整这些tablesorter选项。

这是一个查询表的键盘功能,效果很好。我只想将输入类型从文本字段更改为下拉列表或单选按钮。到目前为止,我只能在初始页面加载时使用,然后停止。

Keyup版本:

$("#txt_topics").keyup(function() {
        $("#example-4").beautify("rebuild", { filter :
                    { 7 :$("#txt_topics").val() } });
    });

到目前为止我得到了什么:

$("select").ready(function() {
             $("#example-4").beautify("rebuild", { filter :
                    { 7 :$("select").val() } });
    });

<select>
 <option value="2012">2012</option>
 <option value="2011">2011</option>
 <option value="2010">2010</option>
</select>

感谢任何jQuery / javascript人员对我的任何帮助。

2 个答案:

答案 0 :(得分:2)

您可以绑定changefocus / blur事件,具体取决于您要做的事情。 change会在值实际更改时触发,focusblur将分别在选中和取消选中框时触发。

$("select").change(function { ... });

答案 1 :(得分:1)

这可能也有助于演示:

http://jsfiddle.net/nEmPx/2/

如果我建议在业余时间阅读此内容,将有助于您更多地了解Jquery事件:http://api.jquery.com/change/

JQuerycode:

$("select").change(function(){
    alert('do whatever!');
     //$("#example-4").beautify("rebuild", { filter :
       //             { 7 :$("select").val() } });
});​

欢呼声,

PS:上面的lolz Pizza评论让我感到很饿。 :)