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实现根据手机定位获取当前具体位置(X省X市X县X街道X号)
Dec 29 Javascript
jQuery原理系列-常用Dom操作详解
Jun 07 Javascript
jQuery实现调整表格单列顺序完整实例
Jun 20 Javascript
AngularJs 动态加载模块和依赖
Sep 15 Javascript
AngularJS表单和输入验证实例
Nov 02 Javascript
jQuery实现可拖拽3D万花筒旋转特效
Jan 03 Javascript
微信小程序实现皮肤功能(夜间模式)
Jun 18 Javascript
Javascript实现找不同色块的游戏
Jul 17 Javascript
将Sublime Text 3 添加到右键中的简单方法
Dec 12 Javascript
Angular使用动态加载组件方法实现Dialog的示例
May 11 Javascript
小程序点击图片实现png转jpg
Oct 22 Javascript
vue 实现websocket发送消息并实时接收消息
Dec 09 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的面向对象编程
2006/10/09 PHP
在PHP中操作Excel实例代码
2010/04/29 PHP
php图片水印添加、压缩、剪切的封装类实现
2020/04/18 PHP
Zend Framework教程之Zend_Db_Table用法详解
2016/03/21 PHP
麦鸡的TAB切换功能结合了javascript和css
2007/12/17 Javascript
JavaScript 监听textarea中按键事件
2009/10/08 Javascript
nullJavascript中创建对象的五种方法实例
2013/05/07 Javascript
jquery实现div阴影效果示例代码
2013/09/16 Javascript
图文详解Heap Sort堆排序算法及JavaScript的代码实现
2016/05/04 Javascript
Bootstrap布局组件教程之Bootstrap下拉菜单
2016/06/12 Javascript
js仿腾讯QQ的web登陆界面
2016/08/19 Javascript
浅析javascript中的Event事件
2016/12/09 Javascript
bootstrap制作jsp页面(根据值让table显示选中)
2017/01/05 Javascript
vue将对象新增的属性添加到检测序列的方法
2018/02/24 Javascript
JavaScript代码实现txt文件的上传预览功能
2018/03/27 Javascript
vue-swiper的使用教程
2018/08/30 Javascript
微信小程序wepy框架学习和使用心得详解
2019/05/24 Javascript
你或许不知道的一些npm实用技巧
2019/07/04 Javascript
layui表单验证select下拉框实现验证的方法
2019/09/05 Javascript
JS变量提升原理与用法实例浅析
2020/05/22 Javascript
微信小程序实现多选框功能的实例代码
2020/06/24 Javascript
Vue this.$router.push(参数)实现页面跳转操作
2020/09/09 Javascript
[57:16]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第二场
2014/05/26 DOTA
Python的shutil模块中文件的复制操作函数详解
2016/07/05 Python
python中的不可变数据类型与可变数据类型详解
2018/09/16 Python
python 实现GUI(图形用户界面)编程详解
2019/07/17 Python
python3 BeautifulSoup模块使用字典的方法抓取a标签内的数据示例
2019/11/28 Python
Python 线性回归分析以及评价指标详解
2020/04/02 Python
简述 Python 的类和对象
2020/08/21 Python
Nordgreen手表德国官方网站:丹麦极简主义手表
2019/10/31 全球购物
EJB包括(SessionBean,EntityBean)说出他们的生命周期,及如何管理事务的?
2013/02/17 面试题
教师爱岗敬业演讲稿
2014/05/05 职场文书
幼儿园师德师风学习材料
2014/05/29 职场文书
企业消防安全责任书
2014/07/23 职场文书
幼儿园端午节活动方案
2014/08/25 职场文书
Qt数据库应用之实现图片转pdf
2022/06/01 Java/Android