码迷,mamicode.com
首页 > Web开发 > 详细

用jquery ajax做的select菜单,选中的效果

时间:2017-05-27 15:22:32      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:jquery   []   ==   bsp   else   err   app   content   eva   

//用server端语言赋值给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做的二级联动菜单。联动效果实现了,如今想实现另外一个效果,怎样在表单提交后让刚才选择的下拉菜单项为选中状态?
脚本部分

用jquery ajax做的select菜单,选中的效果

标签:jquery   []   ==   bsp   else   err   app   content   eva   

原文地址:http://www.cnblogs.com/liguangsunls/p/6912774.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!