如何使用jQuery清除按鈕單擊事件上的下拉列表值？

如何使用jQuery清除按鈕單擊事件上的下拉列表值？如何使用jQuery清除按鈕單擊事件上的下拉列表值？

2010-06-06 kumar

你想恢復到默認值（上）值？ – 2010-06-06 17:17:39

由拉斯凸輪給出的第一個解決方案更短的替代方法是：

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

這是假設你想保留列表，但它所以沒有選擇任何選項。

如果您希望選擇特定的默認值，只需傳遞該值而不是空字符串。

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

或期權的指數做到這一點，你可以這樣做：

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

來源

2010-06-06 17:23:11 user113716

這是不正確的。他想清除所有選項。 VAL（ ''）;沒有這樣做，它simpyl清除選擇。你應該使用.empty（）來代替 – nights 2016-03-09 11:39:25

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

這將刪除下拉元素下的所有<option>元素。

如果您想取消選擇所選項目，請使用Russ的代碼。

來源

2010-06-06 17:19:04 jAndy

如何在將下拉列表設置爲空後取回所有選項，請注意下拉列表正在從數據庫填充？ – 2012-03-07 01:21:57

@Piyush：如果你想恢復完全相同的選項，你可以緩存這些。就像'var $ opts = $（'select option'）。detach（）;'然後你可以用'$ opts.appendTo（'＃selectID'）;' – jAndy 2012-03-07 03:04:06

重新插入它們''我得到了如何清除它，但在我的情況下，選擇選項從數據庫中填充，基於另一個下拉列表的選擇。那麼，我該如何在那裏放置默認文本，因爲默認文本是從pre-ajaxing開始的，所以源代碼顯示了它，但是ajax沒有。只要把'$（'＃blarg'）.val（'默認文本'）;'沒有爲我工作。 – 2015-08-20 20:44:51

如果要重置所選的選項

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

如果你真的想刪除的選項（雖然我不認爲你的意思是這樣）。

$('select').empty();

針對你的情況最合適的選擇替代select（這可能是通過ID或CSS類）。使用原樣將重置頁面上的所有<select>元素

來源

2010-06-06 17:19:17

如果你想使用jQuery與按鈕單擊引導頁面復位：

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

使用上面的代碼中，您也將字段顏色更改爲紅色以正常顯示。

如果要重置僅派出值，則：

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

來源

2016-12-29 09:46:07

如何使用jQuery清除按鈕單擊事件上的下拉列表值？

回答

相關問題