刪除和新增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下拉項JavaScript
- 設定select下拉選單的預設選中項
- JavaScript刪除元素節點程式碼例項JavaScript
- 使用Vue實現下拉選單框批量新增選項Vue
- select下拉選擇第一個選項為空白、option無法選中的解決辦法,
- select下拉選單跳轉效果程式碼
- 刪除字串中的html標籤程式碼例項字串HTML
- 純css tab選項卡程式碼例項CSS
- jQuery tab選項卡效果程式碼例項jQuery
- jq+css+html打造下拉導航選單例項CSSHTML單例
- excel下拉選擇項怎麼設定 excel怎麼新增下拉選項內容Excel
- Js/JQuery下拉框新增新選項JSjQuery
- 如何在下拉框Select中動態新增option?
- HTML select 下拉選單HTML
- HTML select下拉選單HTML
- html 仿百度百科導航下拉選單功能例項程式碼介紹HTML
- 迴圈方式為select下拉選單新增年份
- jquery.idTabs.min.js選項卡程式碼例項jQueryJS
- Win10系統如何新增或刪除右鍵選單中的“傳送到”選項Win10
- 刪除所有正在執行和退出的docker例項Docker
- CSS3立體導航選單程式碼例項CSSS3
- jQuery 美化select下拉選單jQuery
- 圓角select下拉選單
- DophinScheduler 如何定期刪除日誌例項?
- C# ClosedXML 匯出 Excel 新增下拉選項 CellDropdownC#XMLExcel
- win10右鍵skydrive pro選項怎麼刪除_win10右鍵選單中skydrive pro選項的刪除方法Win10
- JavaScript 表單驗證程式碼例項JavaScript
- vuejs實現新增tag標籤程式碼例項VueJS
- select下拉選項,點選時,change事件事觸發多次,請求多次。事件
- jQuery點選滑出層效果程式碼例項jQuery
- 淡入淡出效果簡單程式碼例項
- Ant Design Select元件下拉選項隨頁面滾動與Select框分離問題元件
- 純原生javascript下拉框表單美化例項教程JavaScript
- 移動端下拉重新整理原理和例項
- HTML6實現摺疊選單與手風琴選單的例項程式碼HTML
- JavaScript 點選複製選中文字程式碼例項JavaScript
- dom操作程式碼例項
- css梯形程式碼例項CSS
- dbca刪除資料庫時選項灰色資料庫