用jquery ajax做的select菜單,選中的效果,jqueryajax
//用伺服器端語言賦值給js變數
var departmentId = '<%=提交的值 %>', deviceId='<%=提交的值 %>'
$(function () {
$.ajax({
url: "deJson.action",
type: 'POST',
dataType: 'JSON',
timeout: 5000,
//error: function() {alert('載入資料異常,請重試!');},
success: function (data) {
//$("#departmentId").empty();
$.each(eval(data), function (i, item) {
$("<option value='" + item.id + "'"+(item.id==departmentId?' selected':'')+">" + item.name + "</option>").appendTo($("#departmentId"));
});
}
});
$("#departmentId").click(function () {
loadDevice($("#departmentId").val());
});
function loadDevice(departmentId) {
$.ajax({
url: 'dJson.action?departmentId=' + departmentId,
type: 'POST',
dataType: 'JSON',
timeout: 5000,
error: function () { alert('載入資料異常,請重試!'); },
success: function (msg) {
if (msg == "{[]}") {
$("#deviceId").empty();
$("<option value='0'>查詢所有</option>").appendTo($("#deviceId"));
} else {
$("#deviceId").empty();
$("<option value='0'>查詢所有</option>").appendTo($("#deviceId"));
$.each(eval(msg), function (i, item) {
$("<option value='" + item.deviceId + "'" + (item.id == deviceId ? ' selected' : '') + ">" + item.name + "</option>").appendTo($("#deviceId"));
});
}
}
});
}
})問題描述:
用jquery ajax做的二級聯動菜單,聯動效果實現了,現在想實現另外一個效果,如何在表單提交後讓剛才選擇的下拉式功能表項為選中狀態?
指令碼部分