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 获取对象 定位子对象
May 31 Javascript
基于jquery的cookie的用法
Jan 10 Javascript
基于jquery的jqDnR拖拽溢出的修改
Feb 12 Javascript
浅析jquery某一元素重复绑定的问题
Jan 03 Javascript
jquery form 隐藏的input 选择
Apr 29 Javascript
javascript轻量级模板引擎juicer使用指南
Jun 22 Javascript
js图片闪动特效可以控制间隔时间如几分钟闪动一下
Aug 12 Javascript
jQuery老黄历完整实现方法
Jan 16 Javascript
js面向对象之公有、私有、静态属性和方法详解
Apr 17 Javascript
vue多种弹框的弹出形式的示例代码
Sep 18 Javascript
JS正则表达式验证密码强度
Mar 18 Javascript
Node Express用法详解【安装、使用、路由、中间件、模板引擎等】
May 13 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
php5.2.0内存管理改进
2007/01/22 PHP
php中将指针移动到数据集初始位置的实现代码[mysql_data_seek]
2012/11/01 PHP
php图像处理函数大全(推荐收藏)
2013/07/11 PHP
Yii2 批量插入、更新数据实例
2017/03/15 PHP
php的扩展写法总结
2019/05/14 PHP
php设计模式之适配器模式原理、用法及注意事项详解
2019/09/24 PHP
javascript 动态生成私有变量访问器
2009/12/06 Javascript
extjs 初始化checkboxgroup值的代码
2011/09/21 Javascript
获取3个数组不重复的值的具体实现
2013/12/30 Javascript
一个不错的仿携程自定义数据下拉选择select
2014/09/01 Javascript
JS时间特效最常用的三款
2015/08/19 Javascript
ES6新数据结构Map功能与用法示例
2017/03/31 Javascript
BootStrap selectpicker后台动态绑定数据的方法
2017/07/28 Javascript
原生JS上传大文件显示进度条 php上传文件代码
2020/03/27 Javascript
JS兼容所有浏览器的DOMContentLoaded事件
2018/01/12 Javascript
jQuery Ajax async=>false异步改为同步时,解决导致浏览器假死的问题
2019/07/22 jQuery
基于iview-admin实现动态路由的示例代码
2019/10/02 Javascript
JS禁用右键、禁用Ctrl+u、禁用Ctrl+s、禁用F12的实现代码
2020/12/01 Javascript
vue router-link 默认a标签去除下划线的实现
2020/11/06 Javascript
Python3.5 Pandas模块之DataFrame用法实例分析
2019/04/23 Python
python celery分布式任务队列的使用详解
2019/07/08 Python
浅析PyTorch中nn.Module的使用
2019/08/18 Python
Python3爬虫带上cookie的实例代码
2020/07/28 Python
Python虚拟环境的创建和使用详解
2020/09/07 Python
HTML5 CSS3新的WEB标准和浏览器支持
2009/07/16 HTML / CSS
HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述
2013/01/30 HTML / CSS
HTML5之SVG 2D入门7—SVG元素的重用与引用
2013/01/30 HTML / CSS
html5组织内容_动力节点Java学院整理
2017/07/10 HTML / CSS
小学生防溺水广播稿
2014/01/12 职场文书
计算机网络工程专业职业生涯规划书
2014/03/10 职场文书
理财学专业自荐书
2014/06/28 职场文书
中国文明网向国旗敬礼寄语大全
2014/09/27 职场文书
2014年财务经理工作总结
2014/12/08 职场文书
音乐会主持人开场白
2015/05/28 职场文书
中秋节主题班会
2015/08/14 职场文书
Ubuntu18.04下QT开发Android无法连接设备问题解决实现
2022/06/01 Java/Android