js 用数组初始化下拉框

JavaScript下拉框初始化

最新推荐文章于 2021-06-01 00:34:57 发布

原创最新推荐文章于 2021-06-01 00:34:57 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #js #javascript

Html 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用JavaScript和jQuery来动态初始化下拉选择框的方法。通过一个简单的例子展示了如何创建选项并将其添加到HTML的<select>元素中，并提供了设置和获取选中项值的功能。

<script type="text/javascript">
	var data=[];
	for(var i=0;i<10;i++){
		var o={};
		o.code=i;
		o.codeDesc=i*10;
		data.push(o);
	}
	//初始化下拉框
	function initSelect(obj,data){
		for(var i=0;i<data.length;i++){
			var opt=$("<option>");
			opt.val(data[i].code);
			opt.text(data[i].codeDesc);
			obj.append(opt);
		}
	}
	function getSelect(){
		alert($("#se").val());
	}
	function test(){
		initSelect($("#se"),data,2);
	}
	
</script>
</head>
<body>
<button name="t" value="test" onclick="test()">set</button><br/>
<button name="t" value="test" onclick="getSelect()">get</button>
<select id="se"></select>
</body>
</html>