用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做的二級聯動菜單。聯動效果實現了,如今想實現另外一個效果,怎樣在表單提交后讓剛才選擇的下拉菜單項為選中狀態?
腳本部分
轉載于:https://www.cnblogs.com/liguangsunls/p/6912774.html
總結
以上是生活随笔為你收集整理的用jquery ajax做的select菜单,选中的效果的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Kindle:自动追更之云上之旅
- 下一篇: WinForm打印之页边距