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

Question

显然这是非常基本的 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 人员对我的帮助。

Answer 1

您可以绑定change 或focus/blur 事件，具体取决于您要执行的操作。 change 将在值实际更改时触发，focus 和 blur 将分别在选中和取消选中框时触发。

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

Answer 2

这可能对演示也有帮助：

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

如果我建议您在业余时间阅读这篇文章，将帮助您对 Jquery 事件更加了解：http://api.jquery.com/change/

jQuery 代码：

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

干杯，

PS：上面的 lolz Pizza 评论让我现在饿了。 :)