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

Question

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

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

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

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

值和标签都返回未定义。有什么想法我哪里出错了吗？

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);
  }
});

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