使用jquery的ajax从后台接受的数据如何放进select下拉框

最新推荐文章于 2021-08-06 18:49:12 发布

weixin_30546189

最新推荐文章于 2021-08-06 18:49:12 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端数据库 ViewUI

原文链接：http://www.cnblogs.com/leehaitao/p/7443193.html

1.在jsp页面，只需要在select上面加上id就可以了

<select type='text' style='width:145px;'  name='typeName'  id='typeName'></select>

　2.获取数据列表

//获取类型的名称列表和id

// 形成下拉框 类型名称
function getProject() {

	$.ajax({
		url : "clause/gettypeName.do",
		dataType : "json",
		success : function(data) {
			if (data && data.rows.length > 0) {
				project = data.rows;
				addOptions(project);
			}
		}
	});
}

function addOptions(project) {

	var pro = $('#typeName');

	var options = '<option value ="0">请选择</option>';
	$(project).each(function() {
		options += '<option value="' + this.id + '" >' + this.typeName + '</option>';

	});

	pro.append(options);
}

转载于:https://www.cnblogs.com/leehaitao/p/7443193.html