Bỏ chọn tất cả các phần tử từ trình đơn thả xuống nhiều lựa chọn trong jQuery

Question

Tôi có menu thả xuống chọn nhiều như sau, trong đó tôi đã chọn các tùy chọn "Kiểm tra 2" và "Thử nghiệm 3".

<select id="edit-rec" class="form-select" multiple="multiple" name="rec[]"> 
<option value="6012">Test 1</option> 
<option value="8436">Test 2</option> 
<option value="4689">Test 3</option> 
<option value="6784">Test 4</option> 
</select> 

Tôi có một nút gọi là "Deselect All". Khi nút này được nhấp, tất cả các mục đã chọn sẽ được bỏ chọn. Trong trường hợp này, các mục tôi đã chọn trước đây, "Test 2" và "Test 3", bây giờ sẽ bị bỏ chọn.

Làm cách nào tôi có thể thực hiện việc này bằng jQuery?

Answer 1

$("#edit-rec option:selected").removeAttr("selected"); 

Answer 2

$("#edit-rec option:selected").removeAttr("selected"); 

Answer 3

Thử -

$("#edit-rec > option").attr("selected",false); 

Demo - http://jsfiddle.net/LhSBu/

Answer 4

có thể làm điều gì đó như thế này JS Fiddle lập các nhấp chuột vào nút radio http://jsfiddle.net/x5ck3/

$('#rdClear').click(

function() { 
    $("#edit-rec option:selected").removeAttr("selected"); 
}); 

Answer 5

$("#butt").click(function() { 
    $("#edit-rec > option").removeProp("selected"); 
}); 

đó là đúng với phiên bản jQuery mới

Answer 6

On click nút radio mà bạn có thể sử dụng

$("#edit-rec option").each(function(){ 

    this.selected=false; 

}); 

Answer 7

Nó sẽ loại bỏ tất cả các tùy chọn kiểm tra từ DropDownList multiselect:

$ (' #ddlTradeShow '). multiselect ("clearSelection");

Answer 8

Hiện nay là một khả năng của API trực tiếp cung cấp:

$('#edit-rec').multiSelect('deselect_all'); 

Hoạt động tốt, ở đây bạn có thể tìm thấy nhiều lựa chọn hơn về nó: http://loudev.com/

Answer 9

Cách đơn giản nhất mà tôi tìm thấy để bỏ chọn tất cả các tùy chọn trong menu thả xuống nhiều lựa chọn đang sử dụng .val([]).

$("#select").val([]);