当前位置: 代码迷 >> JavaScript >> 如何在初始时加载option里面的值
  详细解决方案

如何在初始时加载option里面的值

热度:147   发布时间:2013-11-01 14:43:02.0
怎么在初始时加载option里面的值
我在action里面把所要的市的信息保存在一个字符串的变量里,想要在js中得到里面的值,并显示成下拉列表的形式,请问要怎么在初始的时候就加载进来?
目前做到这一步,怎么把它里面的值全读出来并显示在下拉框里面呢?要一开始的时候就已经加载的。好急的呀,谢谢大家了。
js json

------解决方案--------------------
var sel=document.getElementById('select的id')
for(var i=0;i<json.length;i++)
sel.options.add(new Option(json[i].ItemName,json[i].ItemName))

------解决方案--------------------
遍历你的那个数据
for(.....){
var o=new Option(name,value)
se[se.length]=o
}
试试
------解决方案--------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Test</title>
<script type="text/javascript">
var arr = [
{itemName: "南京1", id: 1},
{itemName: "南京2", id: 2},
{itemName: "南京3", id: 3},
{itemName: "南京4", id: 4},
{itemName: "南京5", id: 5},
];

function go(){
var htmlStr = "<select>";
for(var i=0; i<arr.length; i++){
var json = arr[i];
htmlStr += "<option value='" + json.id + "'>";
htmlStr += json.itemName;
htmlStr += "</option>";
}
htmlStr += "</select>";

var elem = document.getElementById("c");
elem.innerHTML = htmlStr;
}

window.onload = go;
</script>
</head>
<body>
<div id="c"></div>
</body>
</html>

------解决方案--------------------
引用:
Quote: 引用:

var sel=document.getElementById('select的id')
for(var i=0;i<json.length;i++)
sel.options.add(new Option(json[i].ItemName,json[i].ItemName))

额,我按这个方法试了,什么都出不来,看不出问题啊,,求高见!!!


...
alert(json[0].ItemName);
var sel=document.createElement('select');
for(var i=0;i<json.length;i++){
sel.options.add(new Option(json[i].ItemName,json[i].ItemName));
}
document.appendChild(sel);
  相关解决方案