jQuery级联操作绑定事件实例


Posted in Javascript onSeptember 02, 2014

级联操作绑定事件是jQuery非常具有实用价值的一个技巧,本文即以实例形式实现这一功能。分享给大家供大家参考之用。具体方法如下:

本文所述实例主要实现jQuery操作一个列表,根据类别选出学校,点击学校出现院系,点击院系出现专业,然后链接至专业申请页面。

具体功能代码如下:

$("li.university").click(function(){
  var id = $(this).attr("rel");
  $.get("data.aspx?type=u&id="+id ,
  function(html){$("#universityselect").html(html);});
});
$("li.universityselect").click(function(){
  var id = $(this).attr("rel");
  $.get("data.aspx?type=s&id="+id ,
  function(html){$("#coursetype").html(html);});
});
$("li.course").click(function(){
  //var id = $(this).attr("rel");
  alert("dd");
  //$.get("data.aspx?type=p&id="+id ,
  //function(html){$("#sourseselect").html(html);});
});

相信本文所述对大家的jQuery程序设计有一定的借鉴价值。

Javascript 相关文章推荐
兼容FireFox 的 js 日历 支持时间的获取
Mar 04 Javascript
基于jquery的气泡提示效果
May 31 Javascript
通过JavaScript使Div居中并随网页大小改变而改变
Jun 24 Javascript
jquery得到font-size属性值实现代码
Sep 30 Javascript
node.js中的fs.readFileSync方法使用说明
Dec 15 Javascript
基于jquery fly插件实现加入购物车抛物线动画效果
Apr 05 Javascript
jQuery拖拽通过八个点改变div大小
Nov 29 Javascript
深入理解JavaScript 参数按值传递
May 24 Javascript
vue.js移动数组位置,同时更新视图的方法
Mar 08 Javascript
js JSON.stringify()基础详解
Jun 19 Javascript
小程序中canvas的drawImage方法参数使用详解
Jul 04 Javascript
angular8.5集成TinyMce5的使用和详细配置(推荐)
Nov 16 Javascript
jquery和css3实现的炫酷时尚的菜单导航
Sep 01 #Javascript
Enter回车切换输入焦点实现思路与代码兼容各大浏览器
Sep 01 #Javascript
jQuery淡入淡出元素让其效果更为生动
Sep 01 #Javascript
JQuery表格拖动调整列宽效果(自己动手写的)
Sep 01 #Javascript
JQuery中的html()、text()、val()区别示例介绍
Sep 01 #Javascript
关闭页面window.location事件未执行的原因及解决方法
Sep 01 #Javascript
文本框倒叙输入让输入框的焦点始终在最开始的位置
Sep 01 #Javascript
You might like
php二维数组排序与默认自然排序的方法介绍
2013/04/27 PHP
jQuery获取css z-index在各种浏览器中的返回值
2010/09/15 Javascript
跨域传值即主页面与iframe之间互相传值
2013/12/09 Javascript
JavaScript中连接操作Oracle数据库实例
2015/04/02 Javascript
jQuery在线选座位插件seat-charts特效代码分享
2015/08/27 Javascript
JavaScript中的this到底是什么(一)
2015/12/09 Javascript
jQuery插件datatables使用教程
2016/04/21 Javascript
JavaScript的ExtJS框架中表格的编写教程
2016/05/21 Javascript
js操作XML文件的实现方法兼容IE与FireFox
2016/06/25 Javascript
基于jQuery实现页面搜索功能
2020/03/26 Javascript
JS简单测试循环运行时间的方法
2016/09/04 Javascript
jQuery实现QQ空间汉字转拼音功能示例
2017/07/10 jQuery
nodejs 搭建简易服务器的图文教程(推荐)
2017/07/18 NodeJs
Node.js使用cookie保持登录的方法
2018/05/11 Javascript
浅谈vue后台管理系统权限控制思考与实践
2018/12/19 Javascript
详解基于webpack&gettext的前端多语言方案
2019/01/29 Javascript
vue开发拖拽进度条滑动组件
2019/09/21 Javascript
vue控制多行文字展开收起的实现示例
2019/10/11 Javascript
解决vue-cli项目开发运行时内存暴涨卡死电脑问题
2019/10/29 Javascript
[03:59]5分钟带你了解什么是DOTA2(第二期)
2017/02/07 DOTA
python计算最大优先级队列实例
2013/12/18 Python
python基础教程之元组操作使用详解
2014/03/25 Python
Python中死锁的形成示例及死锁情况的防止
2016/06/14 Python
python解决网站的反爬虫策略总结
2016/10/26 Python
python中cPickle类使用方法详解
2018/08/27 Python
英国著名的化妆品折扣网站:Allbeauty.com
2016/07/21 全球购物
加拿大最大的体育用品、鞋类和服装零售商:Sport Chek
2018/11/29 全球购物
学校大课间活动方案
2014/01/30 职场文书
2014年最新学校运动会广播稿
2014/09/17 职场文书
2014年党委工作总结
2014/11/22 职场文书
党员公开承诺书2015
2015/01/21 职场文书
2015年助理工程师工作总结
2015/04/03 职场文书
春节慰问简报
2015/07/21 职场文书
一篇文章弄懂MySQL查询语句的执行过程
2021/05/07 MySQL
React Native项目框架搭建的一些心得体会
2021/05/28 Javascript
Java 定时任务技术趋势简介
2022/05/04 Java/Android