如何清空select下拉選單的所有option項

admin發表於2017-03-14

清空select下拉選單中所有的選項這樣的需求也是經常有的,下面就簡單介紹一下。

方法一:

[JavaScript] 純文字檢視 複製程式碼
document.getElementById("theId").options.length = 0;

以上程式碼通過document.getElementById()函式獲取物件,然後將options物件集合的length設定為0即可。

方法二:

[JavaScript] 純文字檢視 複製程式碼
document.formName.selectName.options.length = 0;

其實方法和第一個一樣,只是獲取select下拉選單物件的方式不同而已,這個是使用表單元素的name屬性獲取。

方法三:

[JavaScript] 純文字檢視 複製程式碼
document.getElementById("selectid").innerHTML = "";

以上方法也可以實現此效果。

相關文章