动态加载<select>选项

最新推荐文章于 2024-09-10 10:55:09 发布

Varose

最新推荐文章于 2024-09-10 10:55:09 发布

阅读量2.1k

点赞数

分类专栏： js 文章标签： select

本文链接：https://blog.csdn.net/Varose/article/details/68483264

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<select   id="select" class="form-control">
		</select>
	</body>
	<script src="jquery.min.js"></script>
	
	<script>
	/*初始化*/
	$(function(){
		initializeSelect();
	});
	
	
	function initializeSelect() {
	var all="[{'name':'苹果','value':'app'},"  +
		"{'name':'橘子','value':'org'}," +
		"{'name':'香蕉','value':'ban'}]";
	 var jsonarray = eval('('+all+')');
    $.each(jsonarray,function(i,v){
        var html = '<option value="'+v.value+'">'+v.name+'</option>';
        $("#select").append(html);
    });

}
	</script>
</html>