使用 jQuery 插件 DropKick 下拉列表访问 onchange答案

【问题标题】：Accessing onchange using the jQuery plugin DropKick dropdown list使用 jQuery 插件 DropKick 下拉列表访问 onchange
【发布时间】：2013-05-10 14:11:03
【问题描述】：

在我的页面上，我有一个包含三个<select> 下拉列表的表单。所有这些列表都使用 DropKick 使它们看起来不错。

添加 DropKick 后，DDL 不再是常规列表，因此无法正常访问。

根据我的发现，您只能通过在 <form> 标记上设置一个类然后使用以下脚本来调用 onchange：

function submitIt(){
    alert('test');  
}

$('.deviceChosen').dropkick({
    change: submitIt
});

这有效，并且警报显示。但也不起作用，原因有两个。

第一个 <select> 字段是唯一显示为结果的字段。以及从页面中删除该元素之后网页上的所有其他内容。

所以我有三个 DDL，我希望能够设置一个函数，当 deviceChosen id DDL 更改时调用该函数。我不想要其他两个列表的 onchange 事件。

这是可行的吗？

我尝试了以下类似的方法，但它不起作用。

$('#deviceChosen').on('change', function() {
    alert('dsf');
});

【问题讨论】：

标签： javascript jquery jquery-dropkick

【解决方案1】：

我无法让它工作，所以我最终改用了 selectBox

http://labs.abeautifulsite.net/jquery-selectBox/

【讨论】：

【解决方案2】：

我可以让它工作，您可以使用下面提到的代码作为示例。

$("#ID_OF_SELECT_TAG").dropkick({
        change: function (value, label) {
               //Logic that you want to apply onchange event.
        }
    });

谢谢

【讨论】：