Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jQuery绑定下拉或单选按钮事件?_Javascript_Jquery_Jquery Plugins_Binding_Drop Down Menu - Fatal编程技术网

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

Javascript 使用jQuery绑定下拉或单选按钮事件?,javascript,jquery,jquery-plugins,binding,drop-down-menu,Javascript,Jquery,Jquery Plugins,Binding,Drop Down Menu,显然,这是非常基本的jQuery,但我正处于时间紧迫期,我需要一些帮助来调整这些tablesorter选项 这是一个查询表的keyup函数,它工作得很好。我只想将输入类型从文本字段更改为下拉或单选按钮。到目前为止,我所做的只在初始页面加载时起作用,然后停止 加密版本: $("#txt_topics").keyup(function() { $("#example-4").beautify("rebuild", { filter : { 7

显然,这是非常基本的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>
$(“选择”).ready(函数(){
$(“#示例-4”)。美化(“重建”,{过滤器:
{7:$(“选择”).val()});
});
2012
2011
2010

感谢所有jQuery/javascript用户为我提供的帮助。

您可以绑定
更改
焦点
/
模糊
事件,具体取决于您正试图执行的操作<代码>更改将在值实际更改时触发,
焦点
模糊
将分别在选择和取消选择框时触发

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

这也可能有助于演示:

如果我建议你在业余时间阅读这篇文章,这将有助于你对Jquery事件有更多的了解:

JQuerycode:

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


附言:上面的lolz比萨饼评论让我现在饿了。:)

您好,如果是下拉菜单,请使用$(“select”).change或$(“#您的下拉菜单id”).change(……希望这有帮助,干杯!哇!JSFIDLE真的很有用。有PHPFIDLE吗?或CSSFIDLE吗?:)对于css,请使用JSFIDLE一行上的第二个文本区域。它与css兼容,对于php FIDLE,请参见:干杯!伟大的嘿,还有一个细节:是否可以将所选值保存在URL中,以便创建链接与其他人共享查询结果?谢谢你!在JSFIDLE中,您可以使用cntrl+s,并与任何人共享保存的url,您也可以使用我的url或与任何人共享我在评论中获得的url,希望这些帮助,tc,干杯!嘿,还有一个细节:是否可以将所选值保存在URL中,以便创建链接与其他人共享查询结果?谢谢