ajax动态添加下拉选框,通过ajax方式动态添加select下拉菜单的option选项

通过ajax方式动态添加select下拉菜单的option选项:

本章节介绍一下如何通过ajax方式动态的添加select下拉菜单的option选项，下面是一个相关的代码片段，分享一下，希望能够给需要的朋友带来参考的作用。

一.下面是要添加的json格式数据:

{result:[{"webName":"蚂蚁部落"},{"target":"分享互助"},{"age":3}]}

二.封装的获取指定id属性值对象的函数:

function $$(id){return document.getElementById(id);}

三.ajax获取相关代码:

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));

}

})

}

})

}