자리 표시 자

Question

selectize를 사용하여 드롭 다운을 만들 때 옵션을 선택하면 입력란 &을 클릭 한 다음 직관적이지 않은 백 스페이스를 클릭하여 자리 표시자를 선택할 수 있습니다. 네이티브 선택 요소에있는 것과 비슷한 옵션으로 자리 표시자를 사용할 수 있습니까?

비슷한 문제는 클릭의 선택을 취소 할 자리 요소를 추가이 문제에 대한 selectize 플러그인을 작성한이 github issue

Answer 1

에서 참조됩니다. 여기

Selectize.define('selectable_placeholder', function(options) { 
    var self = this; 

    options = $.extend({ 
     placeholder: self.settings.placeholder, 
     html: function (data) { 
      return (
       '<div class="selectize-dropdown-content placeholder-container">' + 
        '<div data-selectable class="option">' + data.placeholder + '</div>' + 
       '</div>' 
      ); 
     } 
    }, options); 

    // override the setup method to add an extra "click" handler 
    self.setup = (function() { 
     var original = self.setup; 
     return function() { 
      original.apply(this, arguments); 
      self.$placeholder_container = $(options.html(options)); 
      self.$dropdown.prepend(self.$placeholder_container); 
      self.$dropdown.on('click', '.placeholder-container', function() { 
       self.setValue(''); 
       self.close(); 
       self.blur(); 
      }); 
     }; 
    })(); 

}); 

는이 문제에 대해 실행할 수있는 사람을 도와주는 gist

Working Fiddle

희망입니다.