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 13 Javascript
jquery焦点图片切换(数字标注/手动/自动播放/横向滚动)
Jan 24 Javascript
jquery遍历checkbox介绍
Feb 21 Javascript
JQUERY实现网页右下角固定位置展开关闭特效的方法
Jul 27 Javascript
JavaScript闭包和范围实例详解
Dec 19 Javascript
解析vue路由异步组件和懒加载案例
Jun 08 Javascript
vue.js template模板的使用(仿饿了么布局)
Aug 13 Javascript
Vue2.0实现组件之间数据交互和通信操作示例
May 16 Javascript
操作按钮悬浮固定在微信小程序底部的实现代码
Aug 02 Javascript
微信小程序点击按钮动态切换input的disabled禁用/启用状态功能
Mar 07 Javascript
react-router-dom 嵌套路由的实现
May 02 Javascript
原生JS利用transform实现banner的无限滚动示例代码
Jun 15 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
MongoDB在PHP中的常用操作小结
2014/02/20 PHP
ThinkPHP框架任意代码执行漏洞的利用及其修复方法
2014/07/04 PHP
PHP使用pcntl_fork实现多进程下载图片的方法
2014/12/16 PHP
php中magic_quotes_gpc对unserialize的影响分析
2014/12/16 PHP
Zend Framework实现自定义过滤器的方法
2016/12/09 PHP
老生常谈ThinkPHP中的行为扩展和插件(推荐)
2017/05/05 PHP
Jquery 表单取值赋值的一些基本操作
2009/10/11 Javascript
Jquery插件之多图片异步上传
2010/10/20 Javascript
js滚动条回到顶部的代码
2011/12/06 Javascript
nodejs 整合kindEditor实现图片上传
2015/02/03 NodeJs
javascript实时显示北京时间的方法
2015/03/12 Javascript
jQuery获得子元素个数的方法
2015/04/14 Javascript
基于JavaScript实现生成名片、链接等二维码
2015/09/20 Javascript
深入理解Ajax的get和post请求
2016/06/02 Javascript
jQuery插件ajaxFileUpload异步上传文件
2016/10/19 Javascript
js实现百度搜索提示框
2017/02/05 Javascript
详谈Angular 2+ 的表单(一)之模板驱动型表单
2017/04/25 Javascript
详解vue.js移动端导航navigationbar的封装
2017/07/05 Javascript
Node.js 回调函数实例详解
2017/07/06 Javascript
基于JavaScript实现评论框展开和隐藏功能
2017/08/25 Javascript
vue使用mint-ui实现下拉刷新和无限滚动的示例代码
2017/11/06 Javascript
Vue 指令实现按钮级别权限管理功能
2019/04/23 Javascript
详解微信小程序自定义组件的实现及数据交互
2019/07/22 Javascript
vue如何实现动态加载脚本
2020/02/05 Javascript
在Docker上部署Python的Flask框架的教程
2015/04/08 Python
Python抓取百度查询结果的方法
2015/07/08 Python
python中format()函数的简单使用教程
2018/03/14 Python
python实现从本地摄像头和网络摄像头截取图片功能
2019/07/11 Python
如何使用django的MTV开发模式返回一个网页
2019/07/22 Python
超简单的Python HTTP服务
2019/07/22 Python
Python Gitlab Api 使用方法
2019/08/28 Python
Html5中的桌面通知Notification的实现
2018/09/25 HTML / CSS
幼儿园毕业教师感言
2014/02/21 职场文书
消防标语大全
2014/06/07 职场文书
市委召开党的群众路线教育实践活动总结大会报告
2014/10/21 职场文书
Python Parser的用法
2021/05/12 Python