Комбобокс jQueryUI не отображает опцию «Выбрать один ...» с пустым значением

Question

Глядя на пример для комбинированного списка в пользовательском интерфейсе jQuery, выясняется, что опция Select One... недоступна в списке автозаполнения.

Похоже, что она есть в исходной *Оператор 1006 *, но он недоступен при просмотре всех параметров или если вы начинаете набирать:

<select id="combobox" style="display: none;">
    <option value="">Select one...</option>
    <option value="ActionScript">ActionScript</option>
    <option value="">AppleScript</option>
    <option value="Asp">Asp</option>
    <option value="BASIC">BASIC</option>
    <option value="C">C</option>
    <option value="C++">C++</option>
    <option value="Clojure">Clojure</option>
    <option value="COBOL">COBOL</option>
    <option value="ColdFusion">ColdFusion</option>
    <option value="Erlang">Erlang</option>
    <option value="Fortran">Fortran</option>
    <option value="Groovy">Groovy</option>
    <option value="Haskell">Haskell</option>
    <option value="Java">Java</option>
    <option value="JavaScript">JavaScript</option>
    <option value="Lisp">Lisp</option>
    <option value="Perl">Perl</option>
    <option value="PHP">PHP</option>
    <option value="Python">Python</option>
    <option value="Ruby">Ruby</option>
    <option value="Scala">Scala</option>
    <option value="Scheme">Scheme</option>
</select>

Однако, похоже, он не появляется в сгенерированном списке <ul>:

<ul id="ui-id-1" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none; top: 39px; left: 287.667px; width: 189px;">
    <li class="ui-menu-item"><div id="ui-id-89" tabindex="-1" class="ui-menu-item-wrapper">ActionScript</div></li>
    <li class="ui-menu-item"><div id="ui-id-90" tabindex="-1" class="ui-menu-item-wrapper">Asp</div></li>
    <li class="ui-menu-item"><div id="ui-id-91" tabindex="-1" class="ui-menu-item-wrapper">BASIC</div></li>
    <li class="ui-menu-item"><div id="ui-id-92" tabindex="-1" class="ui-menu-item-wrapper">C</div></li>
    <li class="ui-menu-item"><div id="ui-id-93" tabindex="-1" class="ui-menu-item-wrapper">C++</div></li>
    <li class="ui-menu-item"><div id="ui-id-94" tabindex="-1" class="ui-menu-item-wrapper">Clojure</div></li>
    <li class="ui-menu-item"><div id="ui-id-95" tabindex="-1" class="ui-menu-item-wrapper">COBOL</div></li>
    <li class="ui-menu-item"><div id="ui-id-96" tabindex="-1" class="ui-menu-item-wrapper">ColdFusion</div></li>
    <li class="ui-menu-item"><div id="ui-id-97" tabindex="-1" class="ui-menu-item-wrapper">Erlang</div></li>
    <li class="ui-menu-item"><div id="ui-id-98" tabindex="-1" class="ui-menu-item-wrapper">Fortran</div></li>
    <li class="ui-menu-item"><div id="ui-id-99" tabindex="-1" class="ui-menu-item-wrapper">Groovy</div></li>
    <li class="ui-menu-item"><div id="ui-id-100" tabindex="-1" class="ui-menu-item-wrapper">Haskell</div></li>
    <li class="ui-menu-item"><div id="ui-id-101" tabindex="-1" class="ui-menu-item-wrapper">Java</div></li>
    <li class="ui-menu-item"><div id="ui-id-102" tabindex="-1" class="ui-menu-item-wrapper">JavaScript</div></li>
    <li class="ui-menu-item"><div id="ui-id-103" tabindex="-1" class="ui-menu-item-wrapper">Lisp</div></li>
    <li class="ui-menu-item"><div id="ui-id-104" tabindex="-1" class="ui-menu-item-wrapper">Perl</div></li>
    <li class="ui-menu-item"><div id="ui-id-105" tabindex="-1" class="ui-menu-item-wrapper">PHP</div></li>
    <li class="ui-menu-item"><div id="ui-id-106" tabindex="-1" class="ui-menu-item-wrapper">Python</div></li>
    <li class="ui-menu-item"><div id="ui-id-107" tabindex="-1" class="ui-menu-item-wrapper">Ruby</div></li>
    <li class="ui-menu-item"><div id="ui-id-108" tabindex="-1" class="ui-menu-item-wrapper">Scala</div></li>
    <li class="ui-menu-item"><div id="ui-id-109" tabindex="-1" class="ui-menu-item-wrapper">Scheme</div></li>
</ul

Есть ли элегантный способ добавить опцию Select One... в мой выпадающий список jQuery-UI без необходимости устанавливать произвольное значение?

Answer 1

Глядя на исходный код для примера jQueryUI, я нашел следующий раздел:

  _source: function( request, response ) {
    var matcher = new RegExp( $.ui.autocomplete.escapeRegex(request.term), "i" );
    response( this.element.children( "option" ).map(function() {
      var text = $( this ).text();
      if ( this.value && ( !request.term || matcher.test(text) ) )
        return {
          label: text,
          value: text,
          option: this
        };
    }) );
  },

Снятие проверки для this.value в приведенном выше операторе if добавит элемент списка выбора, который не имеетнабор значений:

  _source: function( request, response ) {
    var matcher = new RegExp( $.ui.autocomplete.escapeRegex(request.term), "i" );
    response( this.element.children( "option" ).map(function() {
      var text = $( this ).text();
      if ( !request.term || matcher.test(text) )
        return {
          label: text,
          value: text,
          option: this
        };
    }) );
  },