Làm cách nào để xóa các giá trị danh sách thả xuống trên sự kiện nhấp chuột bằng cách sử dụng jQuery?

Question

Làm cách nào để xóa các giá trị danh sách thả xuống trên sự kiện nhấp chuột bằng cách sử dụng jQuery?

Answer 1

Một lựa chọn ngắn hơn để giải pháp đầu tiên được đưa ra bởi Russ Cam sẽ là:

$('#mySelect').val(''); 

này giả định bạn muốn giữ lại danh sách, nhưng làm cho nó để không có tùy chọn nào được chọn.

Nếu bạn muốn chọn một giá trị mặc định cụ thể, chỉ cần chuyển giá trị đó thay vì một chuỗi rỗng.

$('#mySelect').val('someDefaultValue'); 

hoặc để làm điều đó bởi chỉ số của các tùy chọn, bạn có thể làm:

$('#mySelect option:eq(0)').attr('selected','selected'); // Select first option 

Answer 2

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

Điều đó sẽ xóa tất cả các phần tử <option> bên dưới phần tử thả xuống.

Nếu bạn muốn bỏ chọn các mục đã chọn, hãy đi theo mã từ Russ.

Answer 3

Nếu bạn muốn thiết lập lại các tùy chọn đã chọn

$('select option:selected').removeAttr('selected'); 

Nếu bạn thực sự muốn loại bỏ các tùy chọn (mặc dù tôi không nghĩ rằng bạn có ý nghĩa này).

$('select').empty(); 

Thay thế bộ chọn thích hợp nhất trong trường hợp của bạn (điều này có thể là id hoặc theo lớp CSS). Sử dụng như là sẽ đặt lại tất cả <select> yếu tố trên trang

Answer 4

Nếu bạn muốn thiết lập lại trang bootstrap với nút bấm sử dụng jQuery:

function resetForm(){ 
     var validator = $("#form_ID").validate(); 
     validator.resetForm(); 
} 

Sử dụng ở trên mã bạn cũng có thay đổi màu của trường là màu đỏ thành bình thường.

Nếu bạn muốn thiết lập lại chỉ có giá trị ra sân thì:

$("#form_ID")[0].reset();