Question

在我的页面上，我有一个包含三个<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');
});

Answer 1

我无法使用，所以我最终使用了selectBox

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

Answer 2

我能够使它工作，您可以使用下面提到的代码用于示例目的。

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

由于

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

2 个答案: