新增后如需修改，如何让下拉框的值默认显示对应的值的方法

最新推荐文章于 2023-04-13 10:41:24 发布

原创最新推荐文章于 2023-04-13 10:41:24 发布 · 3.7k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#下拉框 #下拉框默认选中 #拼接下拉框

js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用Ajax动态加载下拉框的方法，并通过JavaScript设置了默认选中项。此方法适用于同一页面上的添加和修改操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先来个下拉框


使用单位：
	<select name="unitId" id="unitId">
		<option value="">--请选择--</option>
	</select>

然后使用ajax给下拉框拼接内容

我这里添加和修改是同一个页面。
回调成功拼接完毕后执行显示默认选中的方法

$.ajax({
		url : '',//你的路径
		type : 'post',
		dataType : 'json',
		success : function(data) {
			var units = '';
			for (var i = 0; i < data.length; i++) {
				units += '<option value="'+data[i].uuid+'">'
						+ data[i].name
						+ '</option>';
			}
			$("#unitId").append(units);
			vocationSelect("unitId","${device.unitId}");//这里是重点呀(*･ω< ) 
	}
})
	
	function vocationSelect(selectId, value) {//参数：下拉框的id，后台查到的对应的值 	
		$("#"+selectId).val(value); 	
		$("#"+selectId).parent().find(".uew-select-text").text($("#"+selectId).find(":selected").text());
	}