用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做的二级联动菜单。联动效果实现了,如今想实现另外一个效果,怎样在表单提交后让刚才选择的下拉菜单项为选中状态?
脚本部分
用jquery ajax做的select菜单,选中的效果的更多相关文章
- jQuery实现点击单选按钮切换选中状态效果
		实现效果:第一次点击单选按钮时选中该按钮,再次点击时取消选中该单选按钮. 关键就是要将单选按钮原来的值保存起来,第二次点击时.如果原来选中则取消,否则选中. 看代码吧,是用jQuery实现的,功能虽小 ... 
- Jquery Ajax简单封装(集中错误、请求loading处理)
		Jquery Ajax简单封装(集中错误.请求loading处理) 对Jquery Ajax做了简单封装,错误处理,请求loading等,运用到项目中集中处理会很方便. 技术层面没有什么好说的,请求是 ... 
- [转]Spring3 MVC + jQuery easyUI 做的ajax版本用户管理
		原文地址:http://www.iteye.com/topic/1081739 上周写了篇基于spring3.0.5 mvc 简单用户管理实例 ( http://www.iteye.com/topic ... 
- java结合jQuery.ajax实现左右菜单联动刷新列表内容
		http://域名/一级菜单ID-二级菜单ID/ 用这种URL请求页面,出现如图所看到的内容: 该页面包括四部分,顶部文件夹+左側菜单+右側菜单+右下側数据列表. 左側菜单包括一级菜单和二级菜单,点击 ... 
- jquery 获取下拉框 某个text='xxx'的option的属性 非选中   如何获得select被选中option的value和text和......
		jquery 获取下拉框 某个text='xxx'的option的属性 非选中 5 jquery 获取下拉框 text='1'的 option 的value 属性值 我写的var t= $(" ... 
- 用jQuery做一个三级菜单,鼠标移动到二级菜单的选项上,然后再迅速离开后,当鼠标再移动到该一级菜单或其他二级菜单选项,三级菜单也会显示。
		用jQuery做一个三级菜单,鼠标移动到二级菜单的选项上,然后再迅速离开后,当鼠标再移动到该一级菜单或其他二级菜单选项,三级菜单也会显示. 原因:在为一个元素绑定hover事件之后,用户把光标移入元素 ... 
- jQuery插件:模拟select下拉菜单
		没搞那么复杂,工作中,基本够用.. <!doctype html> <html> <head> <meta charset="utf-8" ... 
- 利用jquery+iframe做一个ajax上传效果
		以下是自学it网--中级班上课笔记 网址:www.zixue.it html页面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict ... 
- js/jq和a标签(刷新/ajax/对话框/循环/select选中/checkbox选中/id的获取//数据处理成钱的格式)//js/jq分页
		1.刷新 <a href="javascript:history.go(-1)">返回上一页</a><a href="javascript: ... 
随机推荐
- Hadoop MapReduce编程 API入门系列之wordcount版本1(五)
			这个很简单哈,编程的版本很多种. 代码版本1 package zhouls.bigdata.myMapReduce.wordcount5; import java.io.IOException; im ... 
- 一次显式GC导致的High CPU问题处理过程
			项目现场反馈系统出现性能问题,具体表现为:所有的客户端响应极其卡顿. 第一反应推测,难道是DB层面出现阻塞?检查v$session会话状态及等待类型未见异常,应该可以排除DB层面原因导致的可能. 继续 ... 
- 从Android源码分析View绘制
			在开发过程中,我们常常会来自定义View.它是用户交互组件的基本组成部分,负责展示图像和处理事件,通常被当做自定义组件的基类继承.那么今天就通过源码来仔细分析一下View是如何被创建以及在绘制过程中发 ... 
- vue2.x阅读笔记
			v-once 作用: 只赋值一次 注意: 包括子项都是只赋值一次 模板 1.v-text v-html 2.{}语法 3.如果是html的属性,则用v-bind绑定,简写: 注意: 1.可以使用jav ... 
- NOSQL:redis mongodb
			redis 1 概念及其基本操作:http://blog.nosqlfan.com/html/3139.html 2 安装配置及其操作:http://blog.fens.me/linux-redis- ... 
- c++常用功能封装
			C++文件读写的封装 在C++开发中,文件读写是很常用的功能,出于代码复用的考虑,将它们进行封装. 其中,默认读写的文件是文本文件,并且需要按行处理.调用者只需要关注读取出来的每一行的处理方式.写文件 ... 
- ORACLE 11g 导出数据
			ORACLE 11g 导出 表的时候 不会导出空表 导出空表操作步骤 :(使用PLSQL) 1.打开SQL window 执行下面的 SQL Select 'alter table '||table_ ... 
- 将数据库返回的ResultSett转换成List装Map形式的方法(ResultSetToList)
			多时候想做一些关于数据库实验,如果先搭建框架太麻烦,直接得到ResultSet处理起来取值什么的也很繁琐,为此我做了一个将ResultSet转换成List<Map<String,Objec ... 
- jq遍历 下拉框
			var selectA1 = $("select[name=A1]"); //从A1下拉框中 搜索值 $(selectA1).children("option" ... 
- Python数据结构1-----基本数据结构和collections系列
			1.基本数据结构 整型.浮点型.字符串.元祖.列表.字典.集合 2.高级数据结构 (collections模块) (1)计数器(counter):对字典的补充,用于追踪值的出现次数. [具备字典所有的 ... 
