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 回答
0

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

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

或者

  1. $('#RolesListAssigned').empty();
于 2014-02-19T07:13:20.483 回答
0

试试这个....

$('#listBoxId').empty();
于 2014-03-13T11:24:59.227 回答