Selectizeで右矢印キーと左矢印キーを有効にする方法

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