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 相关文章推荐
js Select下拉列表框进行多选、移除、交换内容的具体实现方法
Aug 13 Javascript
JavaScript中的对象的extensible属性介绍
Dec 30 Javascript
jQuery经过一段时间自动隐藏指定元素的方法
Mar 17 Javascript
kindeditor编辑器点中图片滚动条往上顶的bug
Jul 05 Javascript
jQuery插件简单实现方法
Jul 18 Javascript
JQuery Mobile 弹出式登录框的实现方法
May 28 Javascript
vue父组件通过props如何向子组件传递方法详解
Aug 16 Javascript
js实现图片放大展示效果
Aug 30 Javascript
Vue官网todoMVC示例代码
Jan 29 Javascript
安装vue-cli的简易过程
May 22 Javascript
详解Vue.js v-for不支持IE9的解决方法
Dec 29 Javascript
微信小程序实现九宫格抽奖
Apr 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
Pain 全世界最小最简单的PHP模板引擎 (普通版)
2011/10/23 PHP
php学习笔记之基础知识
2014/11/08 PHP
php中使用in_array() foreach array_search() 查找数组是否包含时的性能对比
2015/04/14 PHP
PHP框架Laravel学习心得体会
2015/10/28 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
JQuery 常用方法基础教程
2009/02/06 Javascript
JS 控制非法字符的输入代码
2009/12/04 Javascript
javascript window.opener的用法分析
2010/04/07 Javascript
JavaScript中函数(Function)的apply与call理解
2015/07/08 Javascript
使用 jQuery.ajax 上传带文件的表单遇到的问题
2016/10/31 Javascript
jQuery设置Easyui校验规则(推荐)
2016/11/21 Javascript
在vue中实现简单页面逆传值的方法
2017/11/27 Javascript
js阻止默认右键的下拉菜单方法
2018/01/02 Javascript
JS获取并处理php数组的方法实例分析
2018/09/04 Javascript
iview实现select tree树形下拉框的示例代码
2018/12/21 Javascript
用Golang运行JavaScript的实现示例
2019/11/25 Javascript
Element-UI 使用el-row 分栏布局的教程
2020/10/26 Javascript
vue实现树状表格效果
2020/12/29 Vue.js
[01:00:22]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第三场 1月10日
2021/03/11 DOTA
Python编程之变量赋值操作实例分析
2017/07/24 Python
ubuntu16.04制作vim和python3的开发环境
2018/09/23 Python
python wxpython 实现界面跳转功能
2019/12/17 Python
Pytorch框架实现mnist手写库识别(与tensorflow对比)
2020/07/20 Python
Java面试题:请问一下代码输出是什么
2015/05/27 面试题
班组安全员工作职责
2014/02/01 职场文书
党的群众路线教育实践活动心得体会
2014/03/03 职场文书
2014年巴西世界杯口号
2014/06/05 职场文书
毕业生银行实习自我鉴定
2014/10/14 职场文书
文明倡议书
2015/01/19 职场文书
仓库管理员岗位职责
2015/02/03 职场文书
幼儿园庆元旦主持词
2015/07/06 职场文书
观看《杨善洲》宣传教育片心得体会
2016/01/23 职场文书
SpringBoot集成Druid连接池连接MySQL8.0.11
2021/07/02 Java/Android
Java Socket实现多人聊天系统
2021/07/15 Java/Android
微软Win11什么功能最惊艳? Windows11新功能特性汇总
2021/11/21 数码科技
MySQL三种方式实现递归查询
2022/04/18 MySQL