jquery - 如何获取多选 tokenize2 控件的文本

Question

如何获取多选 tokenize2 控件的文本？我可以轻松获得多选的值，但我不知道如何获取文本

插件链接: https://zellerda.github.io/Tokenize2/index.html

代码:

<select class="tokenize-demo" multiple>
  <option value="1">Africa</option>
  <option value="2">Americas</option>
  <option value="3">Asia</option>
  <option value="4">Europe</option>
  <option value="5">Oceania</option>
</select>

Jquery:

<script>
  $('.tokenize-demo').tokenize2();
    $('.tokenize-demo').on("tokenize:tokens:add", function (event, value) {
    console.log("Value is "+value); //here i am getting selected value like 1,2,3..etc.
    console.log("Text is "+?);//here i want text from options like Africa
  });
</script>

Answer 1

没有足够的文档，但我设法找到了解决方案。 Text 属性实际上是在事件监听函数的第三个参数中传递的。修改您的事件监听器如下:

$('.tokenize-demo').on("tokenize:tokens:add", function (event, value, text){
     console.log("Value is "+value); // To get value
     console.log("Text is "+ text); // To get text
});

引用请参见tokenize:tokens:add event documentation