0

リストから検索ボックスでアイテムをオンキーアップで検索し、いくつかを選択して別のリストに移動する必要があるという要件があります。次のスクリプトを作成しましたが、これは firefox では期待どおりに機能し、IE9 と chrome では機能しません。私はjQueryが初めてで、修正を見つけることができません。誰かが助けることができますか??。前もって感謝します。

//HTML//
<input type="text" id="searchAvailableLabsTxt" class="searchAvailableLabsTxt
searchbox" onkeyup="filter(this)"/>
<select multiple="true" runat="server" id="AvailableGroupLab" class="
AvailableGroupLab availGrpLabs avalLabs"></select>
//HTML

//JQUERY//
function filter(element) {
var value = $(element).val().toLowerCase();

$(".AvailableGroupLab > option").each(function () {
    if ($(this).text().toLowerCase().search(value) > -1) {
        $(this).show();
    }
    else {
        $(this).hide();
    }
});
}
//JQUERY//
4

1 に答える 1

0

コードの問題はhide()、Chrome と IE で機能しない機能です。オプションのコピーをバックアップとして保存し、次を使用してオプションを削除できますremove()

ライブデモ

var options = $(".AvailableGroupLab").clone().html();
function filter(element) {
    $('.AvailableGroupLab').html(options);
    var value = $(element).val().toLowerCase();
    $(".AvailableGroupLab option").each(function () {
        if ($(this).text().toLowerCase().search(value) == -1) {
            $(this).remove();
        }
    });
}
于 2013-07-22T05:00:34.787 に答える