jquery动态添加option

最新推荐文章于 2022-12-09 17:15:31 发布

原创最新推荐文章于 2022-12-09 17:15:31 发布 · 461 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #HTML #ViewUI

本文介绍了一种使用jQuery和JSON数据动态填充HTML选择框的方法。通过监听按钮点击事件，从服务器请求数据并更新页面上的下拉列表选项。

$(document).ready(function() {
	//为获取List对象按钮添加鼠标单击事件
		var departId = $("#departId").val();
		$.getJSON("book!getOperatorList.action?name=" + departId,
				function(data) {
					//清空显示层中的数据
				$("#message").html("");
				//使用jQuery中的each(data,function(){});函数
				//从data.userInfosList获取UserInfo对象放入value之中
				$.each(data.list, function(i, value) {
					$(
							"<option value='" + value.opId + "'>"
									+ value.opName + "</option>").appendTo(
							"#selectId");
				});
			});

	});
[img]http://dl.iteye.com/upload/attachment/431210/4bb19904-b94e-3487-b329-4e2d4f432187.jpg[/img]

[img]http://dl.iteye.com/upload/attachment/431210/4bb19904-b94e-3487-b329-4e2d4f432187.jpg[/img]