如何在下拉事件更改时使用jquery清除或清空列表框

Question

任何正文都可以帮我解决如何在下拉事件更改时清除列表框中的项目。

$(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;" })%>

感谢您的帮助..

Answer 1

empty()

$("#lstCodelist").empty()
$("#lbxSelectedItems").empty()

Answer 2

您可以删除所有条目（或同时应用过滤器）：

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

你想要的是什么？我相信更简单：

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

应该也可以。

工作演示：http://jsfiddle.net/jEWe6/

Answer 3

我认为.empty()正是您所寻找的。

  

从DOM中删除匹配元素集的所有子节点。

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

Answer 4

您可以使用以下内容清除选择的html元素：

var clear = function() {
  $("#lstCodelist").empty().append('<option value="whatever">Wait for reload</option>');
  $("#lbxSelectedItems").empty().append('<option value="whatever">Wait for reload</option>');
});

Answer 5

你也可以尝试这两种方法中的任何一种。

1. $('#RolesListAvailable').html('');

OR

1. $('#RolesListAssigned').empty();

Answer 6

试试这个......

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