zoukankan      html  css  js  c++  java
  • 用jquery ajax做的select菜单,选中的效果

    //用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做的二级联动菜单。联动效果实现了,如今想实现另外一个效果,怎样在表单提交后让刚才选择的下拉菜单项为选中状态?
    脚本部分
  • 相关阅读:
    每日构建(三)
    asp.net mvc(九)
    表达式树对性能的影响
    asp.net mvc(八)
    31天重构指南之六:降低字段
    使用OPENROWSET将数据从excel导入到sql server
    31天重构指南之三: 提升方法(pull up )
    31天重构指南之一:封装集合
    31天重构指南之七:重命名
    职场杂谈之由仲秋福利想到的
  • 原文地址:https://www.cnblogs.com/liguangsunls/p/6912774.html
Copyright © 2011-2022 走看看