jQuery级联操作绑定事件实例

更新时间：2014年09月02日 10:19:42 投稿：shichen2014

这篇文章主要介绍了jQuery级联操作绑定事件,非常具有实用价值,需要的朋友可以参考下

级联操作绑定事件是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程序设计有一定的借鉴价值。

您可能感兴趣的文章:

jquery移动节点实例
这篇文章主要介绍了jquery移动节点的实现方法,主要涉及append()方法的使用技巧,需要的朋友可以参考下
2015-01-01
jquery插件jTimer(jquery定时器)使用方法
很多时候我们需要按时间间隔执行一个任务,当满足一定条件时停止执行.此插件旨在解决这一经常遇到的问题
2013-12-12
jquery验证表单中的单选与多选实例
这里所说的，用jquery去验证某一组多选至少要有一个选中，某一组单选至少有一个选中，，大家都知道单一的一个用js比较好验证，但是想要用jquery的验证并且用到jquery验证的提示信息，那么这就不好办了
2013-08-08
关于jquery form表单序列化的注意事项详解
这篇文章主要给大家介绍了关于jquery form表单序列化的注意事项，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面跟着小编来一起学习学习吧。
2017-08-08
深入理解bootstrap框架之第二章整体架构
这篇文章主要介绍了深入理解bootstrap框架之第二章整体架构的相关资料,需要的朋友可以参考下
2016-10-10
jQuery Jsonp跨域模拟搜索引擎
这篇文章主要介绍了jQuery Jsonp跨域模拟搜索引擎的相关资料，非常不错，具有参考借鉴价值,需要的朋友可以参考下
2017-06-06
jQuery Validate 验证,校验规则写在控件中的具体实例
本篇文章主要是对jQuery Validate 验证,校验规则写在控件中的具体实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2014-02-02
Jquery乱码的一次解决过程图解教程
今天小朋友写了个程式，出现乱码，将解决过程分享一下为方便说明，将环境简化，vs.net 2003, jquery-1.3.2.js, web service调用
2010-02-02
实现placeholder效果的方案汇总
由于placeholder是html5的新属性，可想而知，仅支持html5的浏览器才支持placeholder，目前最新的firefox、chrome、safari以及ie10都支持，ie6到ie9都不支持。
2015-06-06
jquery validate.js表单验证入门实例（附源码）
这篇文章主要介绍了jquery validate.js表单验证入门实例，为大家提供了jquery validate.js表单验证的源码，特别适合初学者学习validate.js表单验证，感兴趣的小伙伴们可以参考一下
2015-11-11