javascript - Selectize.js - 添加项目时执行某些操作

标签 javascript jquery selectize.js

我正在使用 selectize.js。添加新项目时我想做点什么。当我运行下面的代码时,会出现警报,但不会选择该项目。我做错了什么?

$(document).ready(function() {

      $('#select-beast').selectize({
        create: true,
        sortField: 'text',
        onItemAdd: function() {
          alert('Do something');
        }

      });

最佳答案

您必须有一个选项模型:http://jsfiddle.net/yf8r19mh/2/

$(document).ready(function() {

  $('#select-beast').selectize({
    create: true,
    sortField: 'text',
    maxItems: null,
        valueField: 'id',
        labelField: 'text',
    options: [
                        {id: 1, text: 'Chuck Testa'},
                        {id: 2, text: 'Sage Cattabriga-Alosa'},
                        {id: 3, text: 'Nikola Tesla'}
                    ],
    onItemAdd: function() {
      alert('test');
    }
  });
});

关于javascript - Selectize.js - 添加项目时执行某些操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34876310/

相关文章:

javascript - Winston 日志记录 - Winston 3.x 中漂亮的 JSON 格式

javascript - 根据第一维中的一些项目排列二维数组

javascript - 添加两个列表进行选择,默认选择第一个

javascript - jQuery selectize 选择删除并添加按钮单击选项

php - 是否可以在 .js 页面上运行 PHP?

javascript - 如何从 JavaScript 中的 url 中提取特定文本

javascript - jQuery 工具提示没有水平对齐?

javascript - 创建一个叠加层,但允许特定区域显示出来?

javascript - 为什么此查询字符串参数在移动设备上不起作用?

javascript - 从数组值开始按升序追加元素