级联操作绑定事件是jQuery非常具有实用价值的一个技巧,本文即以实例形式实现这一功能。分享给大家供大家参考之用。具体方法如下:
本文所述实例主要实现jQuery操作一个列表,根据类别选出学校,点击学校出现院系,点击院系出现专业,然后链接至专业申请页面。
具体功能代码如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
$( "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程序设计有一定的借鉴价值。