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

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

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现select框的三级联动,可以通过AjaxJQuery来实现。具体步骤如下: 1.在页面中定义三个select框,并且为它们分别定义id。 ``` <select id="province"></select> <select id="city"></select> <select id="district"></select> ``` 2.编写ajax请求,获取省份数据,填充省份下框。 ``` $.ajax({ url: "getProvinceList", type: "GET", dataType: "json", success: function(data){ var options = "<option value=''>--请选择--</option>"; for(var i=0; i<data.length; i++){ options += "<option value='" + data[i].id + "'>" + data[i].name + "</option>"; } $("#province").html(options); } }); ``` 3.为省份下框绑定change事件,当选择省份时,发送ajax请求获取该省份的城市数据,填充城市下框。 ``` $("#province").change(function(){ var provinceId = $(this).val(); $.ajax({ url: "getCityList", type: "GET", dataType: "json", data: {"provinceId":provinceId}, success: function(data){ var options = "<option value=''>--请选择--</option>"; for(var i=0; i<data.length; i++){ options += "<option value='" + data[i].id + "'>" + data[i].name + "</option>"; } $("#city").html(options); } }); }); ``` 4.为城市下框绑定change事件,当选择城市时,发送ajax请求获取该城市的区/县数据,填充区/县下框。 ``` $("#city").change(function(){ var cityId = $(this).val(); $.ajax({ url: "getDistrictList", type: "GET", dataType: "json", data: {"cityId":cityId}, success: function(data){ var options = "<option value=''>--请选择--</option>"; for(var i=0; i<data.length; i++){ options += "<option value='" + data[i].id + "'>" + data[i].name + "</option>"; } $("#district").html(options); } }); }); ``` 以上就是基于AjaxJQuery实现select框三级联动的步骤。需要注意的是,需要编写后台代码来获取省份、城市、区/县的数据,并返回给前台。另外,需要在页面中引入JQuery库。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值