如何在select下拉選單的指定索引位置插入option項
本章節介紹一下如何在指定的option項索引位置插入一個新的option項。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(function(){ $("<option value='4'>螞蟻部落五</option>").insertAfter($("#sel option")[1]); }); </script> </head> <body> <select id="sel"> <option value="0">螞蟻部落一</option> <option value="1">螞蟻部落二</option> <option value="2">螞蟻部落三</option> <option value="3">螞蟻部落四</option> </select> </body> </html>
上面的程式碼可以在在索引值為1的元素後面插入一個新的option項。
關於insertAfter()用法可以參閱jQuery insertAfter()一章節。
相關文章
- 如何清空select下拉選單的所有option項
- js獲取select下拉選單的所有option項JS
- 選中select下拉選單option項實現提交效果
- jquery select下拉選單新增或者刪除option項jQuery
- jQuery刪除select下拉選單中所有option項jQuery
- js如何互換兩個select下拉選單的option項JS
- js獲取select下拉選單中option項的數目JS
- js如何動態為select下拉選單新增option項JS
- 通過ajax方式動態新增select下拉選單的option選項
- 刪除和新增select下拉選單option項程式碼例項
- 如何設定select下拉選單option項顯示的數目
- 獲取select下拉選單預設選中項的索引索引
- javascript新增和刪除select下拉選單option項程式碼例項JavaScript
- JavaScript 獲取select下拉選單所有optionJavaScript
- 兩個select下拉選單的option相互移動
- jquery獲取select下拉選中option項的value值jQuery
- 選中select下拉選單項提交表單
- select下拉選單新增不重複項
- JavaScript 陣列 指定索引位置插入元素JavaScript陣列索引
- 設定select下拉選單的預設選中項
- select下拉選單美化程式碼例項
- 如何在下拉框Select中動態新增option?
- jQuery美化select下拉選單程式碼例項jQuery
- jQuery操作select下拉選單程式碼例項jQuery
- 模擬select下拉選單程式碼例項
- select下拉選單項互換效果程式碼例項
- javascript刪除select下拉選單項程式碼例項JavaScript
- HTML select下拉選單HTML
- HTML select 下拉選單HTML
- select下拉選擇第一個選項為空白、option無法選中的解決辦法,
- javascript獲取select下拉選單所有項的內容JavaScript
- js如何獲取select下拉選單的預設選中項JS
- js獲取當前select下拉選單選中項的值JS
- 原生javascript操作select下拉選單程式碼例項JavaScript
- select下拉選單級聯效果例項程式碼
- select級聯下拉選單程式碼例項分析
- 模擬美化select下拉選單程式碼例項
- 選中select下拉選單第一項不觸發事件事件