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