###前提・実現したいこと
多数のOption要素のあるselectboxを検索でソートする機能を実装しようとしています。
二つの検索窓を用いた絞り込み検索機能を実現するべく、一周目の処理の結果を変数に代入して、二周目の処理を行いたいと考えています。
###発生している問題
しかし、下記のコードでは $(this.target).children().remove();
で一度いったん削除する指示がされているので、二つ目の検索窓がうまく機能しません。
一周目の処理結果である $(this.target).append(array[i]);
を代入して二周目の処理を行いたいのですが、この方法がうまくいきません。
お知恵を拝借できないでしょうか。どうぞよろしくお願いいたします。
現状の動くサンプルはこちらです JSFiddle
###該当のソースコード
javascript
1(function ($, window, document, undefined) { 2function () { 3 var array = this.vars.optionRows, 4 val = this.$element.val(); 5 // いったん削除 6 $(this.target).children().remove(); 7 for (var i = 0, len = array.length; i < len; i++) { 8 if (array[i]) { 9 var pos = array[i].innerHTML.toLowerCase().indexOf(val, 0); 10 // キーワードが空、もしくはヒットした場合要素追加 11 if ((val.replace(' ', '').length === 0) || pos >= 0) { 12 $(this.target).append(array[i]); 13 } 14 } 15 } 16 } 17});
回答4件
あなたの回答
tips
プレビュー