如何清除或清空列表框使用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

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

Answer 6

嘗試此....

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