Dropkick JS更改事件值未定义

Question

我在网上搜索了这个问题的解决方案。

您可以在这里看到实际的问题:http://jsbin.com/nomij/5/edit

基本上每次触发dropkick更改事件时，我都需要访问所选选项的值，文档使用以下示例:-

$('.change').dropkick({
  change: function (value, label) {
    alert('You picked: ' + label + ':' + value);
  }
});

value和label都返回undefined。你知道我哪里做错了吗?

Dropkick文档:https://github.com/Robdel12/DropKick/blob/master/readme.md

Answer 1

如果检查change函数中的文档，则this是dropkick元素的值。所以this.value是你的值。我没有在文档中找到一种方法来通过dropkick函数获得所选元素的标签，但是您可以使用dropkick元素的值来选择正确的列表元素并返回它的内容:

$('.change').dropkick({
  change: function () {
    value = this.value;
    label = $("li[data-value='" + value + "']").html();
    alert('You picked: ' + label + ':' + value);
  }
});

这可能不是最好的解决方案，但我无法从文档中找到其他方法。下面是一个例子: