通過ajax方式動態新增select下拉選單的option選項
本章節介紹一下如何通過ajax方式動態的新增select下拉選單的option選項,下面是一個相關的程式碼片段,分享一下,希望能夠給需要的朋友帶來參考的作用。
一.下面是要新增的json格式資料:
[JavaScript] 純文字檢視 複製程式碼{result:[{"webName":"螞蟻部落"},{"target":"分享互助"},{"age":3}]}
二.封裝的獲取指定id屬性值物件的函式:
[JavaScript] 純文字檢視 複製程式碼function $$(id){return document.getElementById(id);}
三.ajax獲取相關程式碼:
[JavaScript] 純文字檢視 複製程式碼var dataObj={result:[{"webName":"螞蟻部落"},{"target":"分享互助"},{"age":3}]} function changelayer(id,oid){ $$(id).length=1; $.ajax({ type:"POST", url:"getOption.jsp", data:"json", success:function(msg){ var dataObj=eval("("+msg+")"); $.each(dataObj.result,function(key,value){ for (var one in value){ $$(id).options.add(new Option(value[one],one)); } }) } }) }
相關文章
- js如何動態為select下拉選單新增option項JS
- jquery select下拉選單新增或者刪除option項jQuery
- 刪除和新增select下拉選單option項程式碼例項
- 如何清空select下拉選單的所有option項
- javascript新增和刪除select下拉選單option項程式碼例項JavaScript
- 選中select下拉選單option項實現提交效果
- js獲取select下拉選單的所有option項JS
- select下拉選單新增不重複項
- jQuery刪除select下拉選單中所有option項jQuery
- 兩個select下拉選單的option相互移動
- JavaScript動態設定select下拉選單預設選項JavaScript
- 如何在select下拉選單的指定索引位置插入option項索引
- js如何互換兩個select下拉選單的option項JS
- js獲取select下拉選單中option項的數目JS
- JavaScript動態操作select下拉選單JavaScript
- JavaScript 動態生成select下拉選單JavaScript
- JavaScript動態建立select下拉選單JavaScript
- JavaScript 獲取select下拉選單所有optionJavaScript
- 如何設定select下拉選單option項顯示的數目
- 迴圈方式為select下拉選單新增年份
- 選中select下拉選單項提交表單
- jquery獲取select下拉選中option項的value值jQuery
- jquery新增或者刪除select下拉選單項程式碼jQuery
- JavaScript動態生成年份select下拉選單JavaScript
- 如何在下拉框Select中動態新增option?
- 設定select下拉選單的預設選中項
- AngularJS下拉選單select在option動態變化之後多出了一個錯誤項的問題AngularJS
- javascript動態設定select下拉選單字型大小JavaScript
- jq動態修改select 的option值,使option值自動選中
- 圓形可滑動選單(可以動態新增選單項)
- 獲取select下拉選單預設選中項的索引索引
- select下拉選單美化程式碼例項
- select下拉選擇第一個選項為空白、option無法選中的解決辦法,
- HTML select下拉選單HTML
- HTML select 下拉選單HTML
- select下拉選單二級聯動
- js如何獲取select下拉選單的預設選中項JS
- js獲取當前select下拉選單選中項的值JS