jQueryUIのautocompleteにcomboboxをつけて空白も選べるようにする

jQueryUIのautocompleteにcomboboxをつけて使っていたのですが、空白表示も選ばせたくちょっと手を加えました

コードは、
http://jqueryui.com/autocomplete/#combobox
の view source をクリックすれば見れます
htmlで保存するだけで使えるのですが

107行目を

if ( this.value && ( !request.term || matcher.test(text) ) )

if ( !request.term || matcher.test(text) )

に変更
これで、valueがない空白ものもリストに含まれます
これだと Select one… という文字が表示されるので

171行目を

<option value="">Select one...</option>

<option value="">&#27;</option>

にかえます
画面に表示されないHTMLエンティティならなんでもいいと思います

これで空白が表示されるようになります

参考) http://stackoverflow.com/questions/25523636/jquery-ui-combo-box-empty-value-rendering

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください