Làm thế nào để Hủy bỏ tất cả các tùy chọn từ một danh sách lí sử dụng Jquery/JS

Question

Hi all Tôi có một thả xuống như bên dưới:

<select id="models" onchange="removeElements()"> 
      <option id = "remove" value="0">R8</option> 
      <option id = "remove" value="1">Quattro</option> 
      <option id = "remove" value="2">A6 hatchback</option> 
</select> 

thế nào tôi sẽ tạo ra removeElements kịch bản() sẽ loại bỏ tất cả các tùy chọn bên trong lựa chọn?

Answer 1

Bạn không nói mà event.Just sử dụng dưới đây về sự kiện của bạn listener.Or trong tải trang của bạn

$('#models').empty() 

Sau đó, để phục hồi lại

$.getJSON('@Url.Action("YourUrl")',function(data){ 
var dropdown=$('#models'); 
dropdown.empty(); 
$.each(data, function (index, item) { 
    dropdown.append(
     $('<option>', { 
      value: item.valueField, 
      text: item.DisplayField 
     }, '</option>')) 
     } 
    )}); 

Answer 2

Bạn có thể sử dụng .remove() vào tùy chọn yếu tố:

.remove(): Xóa bộ phần tử phù hợp khỏi DOM.

$('#models option').remove(); or $('#models').remove('option'); 

hoặc sử dụng .empty() trên chọn:

.empty(): Hủy bỏ tất cả các nút con của tập hợp các yếu tố phù hợp với từ DOM.

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

lựa chọn tuy nhiên để phục hồi lại xóa, bạn cần lưu trữ tùy chọn khi xóa.

Bạn cũng có thể đạt được cùng sử dụng show/hide:

$("#models option").hide(); 

và sau đó để cho họ thấy:

$("#models option").show(); 

Answer 3

function removeElements(){ 
    $('#models').html(''); 
} 

Answer 4

Hãy thử điều này

function removeElements(){ 
    $('#models').html(""); 
} 

Answer 5

Trong trường hợp .empty() không hoạt động cho bạn, dành cho tôi

function SetDropDownToEmpty() 
{   
$('#dropdown').find('option').remove().end().append('<option value="0"></option>'); 
$("#dropdown").trigger("liszt:updated");   
} 

$(document).ready(
SetDropDownToEmpty() ; 
)