jQuery级联操作绑定事件实例
作者:bea
级联操作绑定事件是jQuery非常具有实用价值的一个技巧,本文即以实例形式实现这一功能。分享给大家供大家参考之用。具体方法如下: 本文所述实例主要实现jQuery操作一个列表,根据类别选出学校,点击学校出现院系,点击院系出现专业,然后链接至专业申请页面。 具体功能代码如下: $("li.university").click(function(){ var id = $(this).attr("rel"); $.get("data.aspx?type=u&id=
级联操作绑定事件是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正则控制文本框只能输入整数或浮点数
- jquery制作select列表双向选择示例代码
- 一个获取第n个元素节点的js函数
- indexOf 和 lastIndexOf 使用示例介绍
- jquery实现个人中心导航菜单效果和美观都非常不错
- JavaScript判断文件上传类型的方法
- JavaScript中九种常用排序算法
- 事件委托与阻止冒泡阻止其父元素事件触发
- 解决jquery版本冲突的有效方法
- ajaxFileUpload.js插件支持多文件上传的方法
- 引用其它js时如何同时处理多个window.onload事件
- JS中自定义定时器让它在某一时刻执行
- 理解javascript中的回调函数(callback)
- 详解js闭包
- jquery delay()介绍及使用指南
- 使用jquery实现放大镜效果
- javascript初学者常用技巧
- js/jquery判断浏览器的方法小结
- Iframe实现跨浏览器自适应高度解决方法