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 权威指南(第四版) 读书笔记
Aug 11 Javascript
javascript中String类的subString()方法和slice()方法
May 24 Javascript
JS可以控制样式的名称写法一览
Jan 16 Javascript
jQuery中unbind()方法用法实例
Jan 19 Javascript
JSON格式的键盘编码对照表
Jan 29 Javascript
JS实现的另类手风琴效果网页内容切换代码
Sep 08 Javascript
angularjs点击图片放大实现上传图片预览
Feb 24 Javascript
jQuery validata插件实现方法
Jun 25 jQuery
微信小程使用swiper组件实现图片轮播切换显示功能【附源码下载】
Dec 12 Javascript
js限制input只能输入有效的数字(第一个不能是小数点)
Sep 28 Javascript
jQuery模拟html下拉多选框的原生实现方法示例
May 30 jQuery
JS对象属性的检测与获取操作实例分析
Mar 17 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 insert语法详解
2008/06/07 PHP
分享php分页的功能模块
2015/06/16 PHP
PHP多进程编程总结(推荐)
2016/07/18 PHP
基于PHP实现栈数据结构和括号匹配算法示例
2017/08/10 PHP
PHP静态延迟绑定和普通静态效率的对比
2017/10/20 PHP
一个加载js文件的小脚本
2007/06/28 Javascript
jquery 触发a链接点击事件解决方案
2013/05/02 Javascript
javaScript函数中执行C#代码中的函数方法总结
2013/08/07 Javascript
javascript的数组和常用函数详解
2014/05/09 Javascript
Nodejs实现多人同时在线移动鼠标的小游戏分享
2014/12/06 NodeJs
AngularJS 2.0入门权威指南
2016/10/08 Javascript
Javascript 对cookie操作详解及实例
2016/12/29 Javascript
jQuery实现 上升、下降、删除、添加一行代码
2017/03/06 Javascript
微信小程序--onShareAppMessage分享参数用处(页面分享)
2017/04/18 Javascript
JS自动生成动态HTML验证码页面
2017/06/14 Javascript
vue中七牛插件使用的实例代码
2017/07/28 Javascript
JavaScript监听手机物理返回键的两种解决方法
2017/08/14 Javascript
微信小程序自定义tabBar组件开发详解
2020/09/24 Javascript
jQuery实现ajax的嵌套请求案例分析
2019/02/16 jQuery
Vue中computed、methods与watch的区别总结
2019/04/10 Javascript
基于javascript的拖拽类封装详解
2019/04/19 Javascript
[58:35]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
python pexpect ssh 远程登录服务器的方法
2019/02/14 Python
python中的数据结构比较
2019/05/13 Python
使用Python调取任意数字资产钱包余额功能
2019/08/15 Python
python 和c++实现旋转矩阵到欧拉角的变换方式
2019/12/04 Python
webView加载html图片遇到的问题解决
2019/10/08 HTML / CSS
struct与class的区别
2014/02/03 面试题
大三自我鉴定范文
2013/10/05 职场文书
施工资料员的岗位职责
2013/12/22 职场文书
通信生自我鉴定
2014/01/18 职场文书
农民工工资承诺书大全
2015/05/04 职场文书
数学备课组工作总结
2015/08/12 职场文书
《七律·长征》教学反思
2016/02/16 职场文书
SQLServer之常用函数总结详解
2021/08/30 SQL Server
使用scrapy实现增量式爬取方式
2022/06/21 Python