javascript - Dropkick JS 更改事件值未定义

Question

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

您可以在此处查看实际问题:http://jsbin.com/nomij/5/edit

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

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

值和标签都返回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);
  }
});

这可能不是最好的解决方案，但我无法从文档中找到其他方法。 Here is an example.