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 相关文章推荐
JavaScript随机排序(随即出牌)
Sep 17 Javascript
jquery方法+js一般方法+js面向对象方法实现拖拽效果
Aug 30 Javascript
javascript写的异步加载js文件函数(支持数组传参)
Jun 07 Javascript
原生javascript实现图片按钮切换
Jan 12 Javascript
jQuery实现简洁的导航菜单效果
Nov 23 Javascript
jQuery Easyui学习之datagrid 动态添加、移除editor
Jan 27 Javascript
ie下js不执行的几种可能
Feb 28 Javascript
ES6新特性三: Generator(生成器)函数详解
Apr 21 Javascript
javascript 日期相减-在线教程(附代码)
Aug 17 Javascript
ReactNative中使用Redux架构总结
Dec 15 Javascript
vue 在methods中调用mounted的实现操作
Aug 07 Javascript
vue路由切换时取消之前的所有请求操作
Sep 01 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
Fine Uploader文件上传组件应用介绍
2013/01/06 PHP
PHP中调用SVN命令更新网站方法
2015/01/07 PHP
PHP实现仿百度文库,豆丁在线文档效果(word,excel,ppt转flash)
2016/03/10 PHP
php ajax异步读取rss文档数据
2016/03/29 PHP
项目实践之javascript技巧
2007/12/06 Javascript
无缝滚动js代码通俗易懂(自写)
2013/06/19 Javascript
AngularJS HTML编译器介绍
2014/12/06 Javascript
jQuery循环动画与获取组件尺寸的方法
2015/02/02 Javascript
js实现简单选项卡与自动切换效果的方法
2015/04/10 Javascript
DOM事件阶段以及事件捕获与事件冒泡先后执行顺序(图文详解)
2015/08/18 Javascript
jQuery鼠标经过方形图片切换成圆边效果代码分享
2015/08/20 Javascript
JSON字符串转换JSONObject和JSONArray的方法
2016/06/03 Javascript
NodeJS整合银联网关支付(DEMO)
2016/11/09 NodeJs
jQuery点击弹出层弹出模态框点击模态框消失代码分享
2017/01/21 Javascript
vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)
2017/10/16 Javascript
Angular实现下拉框模糊查询功能示例
2018/01/03 Javascript
解决layui 复选框等内置控件不显示的问题
2018/08/14 Javascript
详解vue挂载到dom上会发生什么
2019/01/20 Javascript
VUE.CLI4.0配置多页面入口的实现
2019/11/25 Javascript
JavaScript计算出两个数的差值
2020/03/19 Javascript
[16:14]教你分分钟做大人:米拉娜(HEROS)
2014/11/24 DOTA
python操作excel文件并输出txt文件的实例
2018/07/10 Python
python tkinter实现彩球碰撞屏保
2019/07/30 Python
Python中Subprocess的不同函数解析
2019/12/10 Python
python安装和pycharm环境搭建设置方法
2020/05/27 Python
keras的三种模型实现与区别说明
2020/07/03 Python
pycharm最新激活码有效期至2100年(亲测可用)
2021/02/05 Python
突袭HTML5之Javascript API扩展2—地理信息服务及地理位置API学习
2013/01/31 HTML / CSS
HTML5新增加的功能详解
2016/09/05 HTML / CSS
俄罗斯购买自行车网站:Vamvelosiped
2021/01/29 全球购物
Python里面如何拷贝一个对象
2014/02/17 面试题
总经理助理岗位职责
2013/11/08 职场文书
初一新生军训方案
2014/05/22 职场文书
美德少年事迹材料500字
2014/08/19 职场文书
个人先进事迹总结
2015/02/26 职场文书
专家推荐信怎么写
2015/03/25 职场文书