数组遍历插入html，常用与ajax更新列表等等

最新推荐文章于 2021-08-06 13:16:57 发布

qq_42289686

最新推荐文章于 2021-08-06 13:16:57 发布

阅读量296

点赞数

分类专栏： HTML JQuery 文章标签：动态插入html

本文链接：https://blog.csdn.net/qq_42289686/article/details/92836373

版权

HTML 同时被 2 个专栏收录

36 篇文章 1 订阅

订阅专栏

JQuery

11 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
<select name="shi">
	<option>请选择城市</option>
</select>
</body>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript">
	var data = [
		{
			id:1,
			name:'东莞'
		},
		{
			id:2,
			name:'中山'
		},
		{
			id:3,
			name:'虎门'
		},
		{
			id:4,
			name:'广州'
		},
	]
	for (var i in data){
		$("select[name='shi']").append('<option value="'+data[i].id+'">'+data[i].name+'</option>')
	}
</script>
</html>

在这里插入图片描述