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下string.format函数补充
Aug 24 Javascript
jQuery初学:find()方法及children方法的区别分析
Jan 31 Javascript
Android中的jQuery:AQuery简介
May 06 Javascript
Jquery自定义button按钮的几种方法
Jun 11 Javascript
Javascript中的数组常用方法解析
Jun 17 Javascript
AngularJS基础 ng-readonly 指令简单示例
Aug 02 Javascript
jQuery中$.ajax()方法参数解析
Oct 22 Javascript
解决Mac node版本升级失败的问题
May 16 Javascript
详解Vue SPA项目优化小记
Jul 03 Javascript
Vue如何实现响应式系统
Jul 11 Javascript
微信小程序实现语音识别转文字功能及遇到的坑
Aug 02 Javascript
浅谈layer弹出层按钮颜色修改方法
Sep 11 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实现的mongodb操作类实例
2015/04/03 PHP
php array_slice 取出数组中的一段序列实例
2016/11/04 PHP
JS实现打开本地文件或文件夹
2021/03/09 Javascript
给Javascript数组插入一条记录的代码
2007/08/30 Javascript
10个新的最有前途的JavaScript框架
2009/03/12 Javascript
Jquery提交表单 Form.js官方插件介绍
2012/03/01 Javascript
关于js注册事件的常用方法
2013/04/03 Javascript
jQuery基本过滤选择器使用介绍
2013/04/18 Javascript
基于JQuery实现的Select级联
2014/01/27 Javascript
IE6已终止操作问题的2种情况及解决
2014/04/23 Javascript
NodeJS连接MongoDB数据库时报错的快速解决方法
2016/05/13 NodeJs
jquery.validate使用详解
2016/06/02 Javascript
基于Bootstrap下拉框插件bootstrap-select使用方法详解
2018/08/07 Javascript
详解Ubuntu安装angular-cli遇到的坑
2018/09/08 Javascript
JavaScript变量作用域及内存问题实例分析
2019/06/10 Javascript
微信小程序事件 bindtap bindinput代码实例
2019/08/26 Javascript
python实现颜色空间转换程序(Tkinter)
2015/12/31 Python
Python字符串拼接的几种方法整理
2017/08/02 Python
用Python实现随机森林算法的示例
2017/08/24 Python
Python3.6连接Oracle数据库的方法详解
2018/05/18 Python
Python设计模式之适配器模式原理与用法详解
2019/01/15 Python
Python爬虫动态ip代理防止被封的方法
2019/07/07 Python
关于python导入模块import与常见的模块详解
2019/08/28 Python
matplotlib quiver箭图绘制案例
2020/04/17 Python
python 通过文件夹导入包的操作
2020/06/01 Python
Python3 pyecharts生成Html文件柱状图及折线图代码实例
2020/09/29 Python
python pip如何手动安装二进制包
2020/09/30 Python
python time.strptime格式化实例详解
2021/02/03 Python
Shopee菲律宾:在线购买和出售
2019/11/25 全球购物
四年级下册教学反思
2014/02/01 职场文书
技校毕业生自荐信范文
2014/03/07 职场文书
法学自荐信
2014/06/20 职场文书
临床专业自荐信
2014/06/22 职场文书
学习优秀党务工作者先进事迹材料思想报告
2014/09/17 职场文书
学校教学管理制度
2015/08/06 职场文书
2015年教师党员个人总结
2015/11/24 职场文书