Điền lại các tùy chọn danh sách thả xuống, cách xóa danh sách tùy chọn và sau đó điền lại?

Question

Nhập lại các tùy chọn danh sách thả xuống, cách xóa danh sách tùy chọn và sau đó điền lại?

Khi sự kiện kích hoạt, tôi cần quét sạch nội dung hiện tại của danh sách thả xuống # người dùng và sau đó điền lại thông qua ajax.

gọi ajax của tôi là trở HTML cho các tùy chọn như:

<option name=blah1>text1</option> 
<option name=blah2>text2</option> 
<option name=blah3>text3</option> 

Answer 1

Bạn chỉ có thể thay đổi html của select yếu tố bằng cách sử dụng dữ liệu trả về từ cuộc gọi ajax của bạn

$("#users").html(data); 

nên nó sẽ trông giống như sau:

$.ajax({ 
    type: "POST", 
    url: url, 
    data: data, 
    success: : function(data) { 
     $("#users").html(data); 
    } 
    dataType: "HTML" 
}); 

Answer 2

bạn có thể u se bên dưới

$('#mySelect').empty() 

và sau đó rebind dữ liệu mới.

Answer 3

Trong cuộc gọi lại của cuộc gọi AJAX, chỉ cần xóa nội dung của phần tử đã chọn và thêm lại những nội dung được trả về bằng cuộc gọi AJAX.

function(ajaxResult) { 
    $('#users').html(ajaxResult); 
} 

Answer 4

function(ajaxResult) { 
    $('#users').html(""); //clear old options 
    $('#users').html(ajaxResult); 
}