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 相关文章推荐
JQuery操作tr和td内容的方法实例
Mar 06 Javascript
js的flv视频播放器插件使用方法
Jun 23 Javascript
jQuery简单实现两级下拉菜单效果代码
Sep 15 Javascript
关于javascript中限定时间内防止按钮重复点击的思路详解
Aug 16 Javascript
iOS和Android用同一个二维码实现跳转下载链接的方法
Sep 28 Javascript
vue绑定class与行间样式style详解
Aug 16 Javascript
浏览器事件循环与vue nextTicket的实现
Apr 16 Javascript
浅谈关于vue中scss公用的解决方案
Dec 02 Javascript
js实现时间日期校验
May 26 Javascript
Vue记住滚动条和实现下拉加载的完美方法
Jul 31 Javascript
vue-cli4使用全局less文件中的变量配置操作
Oct 21 Javascript
处理canvas绘制图片模糊问题
May 11 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去除数组中重复数据
2014/11/18 PHP
php中call_user_func函数使用注意事项
2014/11/21 PHP
php实现将上传word文件转为html的方法
2015/06/03 PHP
json格式化/压缩工具 Chrome插件扩展版
2010/05/25 Javascript
JavaScript中的私有/静态属性介绍
2012/07/26 Javascript
NodeJS与Mysql的交互示例代码
2013/08/18 NodeJs
js过滤特殊字符输入适合输入、粘贴、拖拽多种情况
2014/03/22 Javascript
基于Vuejs框架实现翻页组件
2020/06/29 Javascript
最好用的Bootstrap fileinput.js文件上传组件
2016/12/12 Javascript
深入理解Javascript中的观察者模式
2017/02/20 Javascript
jQuery实现三级联动效果
2017/03/02 Javascript
bootstrap日期控件问题(双日期、清空等问题解决)
2017/04/19 Javascript
解决vue router使用 history 模式刷新后404问题
2017/07/19 Javascript
js的对象与函数详解
2019/01/21 Javascript
Vue.js中该如何自己维护路由跳转记录
2019/05/19 Javascript
详解webpack引用jquery(第三方模块)的三种办法
2019/08/21 jQuery
vue  elementUI 表单嵌套验证的实例代码
2019/11/06 Javascript
vue实现五子棋游戏
2020/05/28 Javascript
Vue 实现一个简单的鼠标拖拽滚动效果插件
2020/12/10 Vue.js
[01:06]DOTA2小知识课堂 Ep.01 TP出门不要忘记帮队友灌瓶哦
2019/12/05 DOTA
python实现SOM算法
2018/02/23 Python
Python测试Kafka集群(pykafka)实例
2019/12/23 Python
django的模型类管理器——数据库操作的封装详解
2020/04/01 Python
使用python matploblib库绘制准确率,损失率折线图
2020/06/16 Python
Speedo美国:澳大利亚顶尖泳衣制造商
2016/08/03 全球购物
沃达丰英国有限公司:Vodafone英国
2019/04/16 全球购物
韩国最大的购物网站:Gmarket
2019/06/20 全球购物
简述网络文件系统NFS,并说明其作用
2016/10/19 面试题
项目开发计划书
2014/01/09 职场文书
2014年消防工作总结
2014/11/21 职场文书
致运动员赞词
2015/07/22 职场文书
高中物理教学反思
2016/02/19 职场文书
python munch库的使用解析
2021/05/25 Python
Python的这些库,你知道多少?
2021/06/09 Python
MySQL分区表实现按月份归类
2021/11/01 MySQL
vue+elementUI实现表格列的显示与隐藏
2022/04/13 Vue.js