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做的二级联动菜单。联动效果实现了,如今想实现另外一个效果,怎样在表单提交后让刚才选择的下拉菜单项为选中状态?
    脚本部分
  • 相关阅读:
    DataList控件部分使用方法
    评教系统——设计的重要性
    2010.7——2011.7年度总结
    Javascript初步
    asp.net天轰穿视频学习总结
    Datatable中对某列求和,三种不同情况下的方法
    DataTable删除多行
    C#语言的结构体布局
    geoserver、openlayers、PostgreSQL 开发环境配置
    字节流和结构体的转换[转]
  • 原文地址:https://www.cnblogs.com/liguangsunls/p/6912774.html
Copyright © 2011-2022 走看看