用jquery ajax做的select菜单，选中的效果
Posted liguangsunls
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了用jquery ajax做的select菜单，选中的效果相关的知识，希望对你有一定的参考价值。
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做的二级联动菜单。联动效果实现了，如今想实现另外一个效果,怎样在表单提交后让刚才选择的下拉菜单项为选中状态？
脚本部分
以上是关于用jquery ajax做的select菜单，选中的效果的主要内容，如果未能解决你的问题，请参考以下文章
Jquery chosen动态设置值 select Ajax动态载入数据 设置chosen和获取他们选中的值