jQuery级联操作绑定事件实例

前端技术 2023/09/01 JavaScript

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

本文地址：https://www.stayed.cn/item/1240

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案