Cách nhanh chóng để xóa tất cả các lựa chọn trên một lựa chọn đa chức năng được bật <select> với jQuery?

Question

Tôi có phải lặp qua TẤT CẢ và đặt loại bỏ thuộc tính 'đã chọn' hoặc có cách nào tốt hơn không?

Answer 1

Chỉ cần tìm tất cả các lựa chọn <option> thẻ trong <select> của bạn và loại bỏ các selected thuộc tính:

$("#my_select option:selected").removeAttr("selected"); 

Tính đến jQuery 1.6, bạn nên sử dụng .prop thay vì loại bỏ các thuộc tính:

$("#my_select option:selected").prop("selected", false); 

Answer 2

Bộ chọn :selected của jQuery có lẽ là những gì bạn đang tìm kiếm.

Answer 3

Shortest và cách nhanh nhất để xóa tất cả lựa chọn, là bằng cách truyền chuỗi rỗng trong jQuery .val() hàm:

$("#my_select").val('') 

Answer 4

Để xóa tất cả lựa chọn, tôi đang sử dụng như thế này và nó hoạt động tốt cho tôi. đây là kịch bản:

$("#ddlMultiselect").multiSelect("clearSelection"); 

$("#ddlMultiselect").multiSelect('refresh'); 

Answer 5

Đây là cách tốt nhất để xóa một chọn nhiều hoặc hộp danh sách:

$("#drp_assign_list option[value]").remove(); 

Answer 6

Trong JQuery:

$("#id option:selected").prop("selected", false); 
    $("#id").multiselect('refresh'); 

Answer 7

Trong javascript,

Bạn có thể sử dụng danh sách tất cả các tùy chọn thả xuống nhiều lựa chọn sẽ là một mảng. ke Các thuộc tính được chọn là false trong mỗi đối tượng.

for(var i=0;i<list.length;i++) 
{ 
    if(list[i].Selected==true) 
    { 
     list[i].Selected=false; 
    } 
} 

Answer 8

Giả sử bạn đang sử dụng Bootstrap multiselect thả xuống David Stutz $ ('# selectId') multiselect ('deselectAll', false). Nhưng vì lý do nào đó, nó không hoạt động bên trong phương thức khởi tạo