如何清空select下拉選單的所有option項
清空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 = "";
以上方法也可以實現此效果。
相關文章
- js獲取select下拉選單的所有option項JS
- jQuery刪除select下拉選單中所有option項jQuery
- JavaScript 獲取select下拉選單所有optionJavaScript
- 如何在select下拉選單的指定索引位置插入option項索引
- js如何互換兩個select下拉選單的option項JS
- js如何動態為select下拉選單新增option項JS
- 如何設定select下拉選單option項顯示的數目
- 選中select下拉選單option項實現提交效果
- jquery select下拉選單新增或者刪除option項jQuery
- js獲取select下拉選單中option項的數目JS
- 通過ajax方式動態新增select下拉選單的option選項
- 刪除和新增select下拉選單option項程式碼例項
- javascript獲取select下拉選單所有項的內容JavaScript
- javascript新增和刪除select下拉選單option項程式碼例項JavaScript
- 兩個select下拉選單的option相互移動
- jquery獲取select下拉選中option項的value值jQuery
- js如何刪除select下拉選單的所有專案JS
- 選中select下拉選單項提交表單
- js如何獲取select下拉選單的預設選中項JS
- select下拉選單新增不重複項
- jquery如何獲取select下拉選單選中項的值和文字jQuery
- jquery如何操作select下拉選單jQuery
- 設定select下拉選單的預設選中項
- select下拉選單美化程式碼例項
- 獲取select下拉選單預設選中項的索引索引
- jQuery美化select下拉選單程式碼例項jQuery
- jQuery操作select下拉選單程式碼例項jQuery
- 模擬select下拉選單程式碼例項
- 如何設定select下拉選單可以多選
- select下拉選單項互換效果程式碼例項
- javascript刪除select下拉選單項程式碼例項JavaScript
- HTML select下拉選單HTML
- HTML select 下拉選單HTML
- select下拉選擇第一個選項為空白、option無法選中的解決辦法,
- js獲取當前select下拉選單選中項的值JS
- 原生javascript操作select下拉選單程式碼例項JavaScript
- select下拉選單級聯效果例項程式碼
- select級聯下拉選單程式碼例項分析