3

ドロップダウンイベントの変更時にリストボックスのアイテムをクリアする方法を教えてください。

$(function () {
        $("#ddlLevelColumn").change(function () {
            $("#lstCodelist") ------ I need to clear this listbox1
            $("#lbxSelectedItems")--------------- need to clear list box 2

        });
    });

 <%:Html.ListBox("lstCodelist", Model.CodeListDefaultValue, new { style = "width:99%;height:297px;" })%>
<%:Html.ListBox("lbxSelectedItems", Model.AffectedCodeListboxData, new { style = "width:99%;height:297px;color:blue;" })%>

ご協力いただきありがとうございます..

4

6 に答える 6

16

空の（）

$("#lstCodelist").empty()
$("#lbxSelectedItems").empty()
于 2012-07-02T13:24:55.853 に答える
5

すべてのエントリを削除 (またはフィルターも適用) できます。

$('#listBoxId > option').remove();           // all options
$('#listBoxId > option[val!=""]').remove(); // keep non-empty values

それはあなたが何をしているのですか？私はさらに簡単だと思います：

$('#listBoxId').empty();

同様に動作するはずです。

実際のデモ: http://jsfiddle.net/jEWe6/

于 2012-07-02T13:23:53.460 に答える
2

私.empty()はあなたが探しているものだと思います。

一致した要素のセットのすべての子ノードを DOM から削除します。

http://api.jquery.com/empty/

于 2012-07-02T13:24:56.523 に答える
1

次のような方法で、選択した html 要素をクリアできます。

var clear = function() {
  $("#lstCodelist").empty().append('<option value="whatever">Wait for reload</option>');
  $("#lbxSelectedItems").empty().append('<option value="whatever">Wait for reload</option>');
});
于 2012-07-02T14:15:58.337 に答える