javascript - jQuery Tokenize 上的更改事件

Question

我在触发 jQuery Tokenize 上的 onchange 事件时遇到一些问题选择框。我有以下代码片段。

<select id="tokenize" multiple="multiple" class="tokenize-sample">
    <option value="1">Employee</option>
    <option value="2">Supplier</option>
    <option value="3">Other</option>
</select>

我的要求是，根据选择框中选择的项目，我想执行一个功能。(例如:根据所选项目出现 div)。请让我知道如何触发更改 jQuery Tokenize 选择框中的事件。

Answer 1

查看文档后，有几个事件，例如添加新元素时、删除时、清除时、重新排序时等。我将为您提供添加和删除元素以触发事件的示例.

 $('#tokenize').tokenize({
    onAddToken: function(value, text, e){
                  alert('added new item :' + text);
                },
    onRemoveToken: function(value, text, e){
                  alert('removed item :' + text);
                },
 });

编辑1:由于您只想为选定的页面而不是所有页面添加事件，并且这段代码在应用程序的许多地方重用，因此您可以这样做。

定义添加新项目时需要触发的函数，确保仅在选定的页面中定义该函数，然后在 api 调用上检查该函数是否存在。如果存在则执行，否则不存在，下面是示例.

定义一个函数

function AddNewItemHandler(value, text, e)
 {
   alert('added new item :' + text);
 }

那么插件中的更改必须如下所示。

 $('#tokenize').tokenize({
    onAddToken: function(value, text, e){
                  if ($.isFunction(AddNewItemHandler)) { // check if func exists
                   AddNewItemHandler(value, text, e); // if true execute it
                  }
                }        
 });

因此其他页面不会定义函数，因此不会执行它..