刪除和新增select下拉選單option項程式碼例項
很多時候,需要動態的新增或者刪除select下拉選單的option項,這本身不是什麼複雜的操作,所以下面只給出簡單的核心程式碼,希望能夠給需要的朋友帶來一定的幫助,程式碼如下:
一.刪除指定的項:
[JavaScript] 純文字檢視 複製程式碼function deleteOption(sel,index){ sel.options.remove(index); }
上面的函式可以刪除指定索引的option項,第一個引數是select物件,第二個引數是要刪除項的索引。
二.新增指定的項:
[JavaScript] 純文字檢視 複製程式碼function addOption(sel,text,value){ sel.options.add(new Option(text,value)); }
實現追加option項的效果,第二個引數select物件,第二個引數是文字內容,第三個引數是value值。
相關文章
- javascript新增和刪除select下拉選單option項程式碼例項JavaScript
- jquery select下拉選單新增或者刪除option項jQuery
- javascript刪除select下拉選單項程式碼例項JavaScript
- javascript刪除或者新增option選項例項程式碼JavaScript
- jquery新增或者刪除select下拉選單項程式碼jQuery
- jQuery刪除select下拉選單中所有option項jQuery
- 原生javascript新增和刪除select的option項程式碼JavaScript
- JavaScript新增和刪除select下拉項JavaScript
- select下拉選單美化程式碼例項
- js如何動態為select下拉選單新增option項JS
- select下拉選單項互換效果程式碼例項
- jQuery美化select下拉選單程式碼例項jQuery
- jQuery操作select下拉選單程式碼例項jQuery
- 模擬select下拉選單程式碼例項
- 原生javascript操作select下拉選單程式碼例項JavaScript
- select下拉選單級聯效果例項程式碼
- select級聯下拉選單程式碼例項分析
- 模擬美化select下拉選單程式碼例項
- 通過ajax方式動態新增select下拉選單的option選項
- 如何清空select下拉選單的所有option項
- select下拉選單新增不重複項
- 模擬實現select下拉選單例項程式碼單例
- 點選刪除或者新增表格行簡單程式碼例項
- 選中select下拉選單option項實現提交效果
- js獲取select下拉選單的所有option項JS
- select下拉選單多級級聯效果程式碼例項
- js模擬實現select下拉選單程式碼例項JS
- 替換預設select下拉選單箭頭程式碼例項
- 動態刪除和新增table行程式碼例項行程
- 如何在select下拉選單的指定索引位置插入option項索引
- js如何互換兩個select下拉選單的option項JS
- js獲取select下拉選單中option項的數目JS
- css二級下拉選單程式碼例項CSS
- javascript設定select下拉選單readonly只讀程式碼例項JavaScript
- javascript動態刪除和新增表格行程式碼例項JavaScript行程
- html元素的動態新增和刪除程式碼例項HTML
- jQuery新增和刪除元素class屬性例項程式碼jQuery
- 如何設定select下拉選單option項顯示的數目