Question

嘿大家我正在使用selectize.js插件（http://selectize.github.io/selectize.js/）使用选择下拉列表。当我输入一个自定义值时，它将它添加到输入就好了但是我注意到当我回来编辑字段时（在点击页面上的其他地方后）我不能再使用左右箭头来编辑部分的文本。此外，删除按钮删除所有文本，而不仅仅删除最后一个字符。

有没有办法防止此行为并使用左右箭头键和删除按钮的默认行为？

<select class="qty-select">
<option> option 1 </option>
<option> option 2 </option>
</select>

 $('.qty-select').selectize({
        create: function(input) {
            return {
                value: input,
                text: input
            }
        },
        highlight: false,
        onChange: function() {
            var value = this.getValue();
            $('.selectize-input .item').text(value);
            $('#qty').val(value);
            checkChange($('#qty'));
        },
        render: {
        option_create: function(data, escape) {
          return '<div class="create">Buy <strong>' + escape(data.input) + '</strong>&hellip;</div>';
        }
      },
    });

Answer 1

restore_on_backspace插件应该可以解决问题。

<select class="qty-select">
<option> option 1 </option>
<option> option 2 </option>
</select>

 $('.qty-select').selectize({
        plugins: ['restore_on_backspace'],
        create: function(input) {
            return {
                value: input,
                text: input
            }
        },
        highlight: false,
        onChange: function() {
            var value = this.getValue();
            $('.selectize-input .item').text(value);
            $('#qty').val(value);
            checkChange($('#qty'));
        },
        render: {
        option_create: function(data, escape) {
          return '<div class="create">Buy <strong>' + escape(data.input) + '</strong>&hellip;</div>';
        }
      },
    });

如何通过选择选择功能允许左右箭头键功能

1 个答案: