1. 程式人生 > >新增後如需修改,如何讓下拉框的值預設顯示對應的值的方法

新增後如需修改,如何讓下拉框的值預設顯示對應的值的方法

首先來個下拉框

html


使用單位:
	<select name="unitId" id="unitId">
		<option value="">--請選擇--</option>
	</select>

然後使用ajax給下拉框拼接內容

我這裡新增和修改是同一個頁面。 回撥成功拼接完畢後執行顯示預設選中的方法

js

$.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());
	}