当前位置：首页 → 问答吧 → JQuery如何利用change做到3个select连动?

JQuery如何利用change做到3个select连动?

时间：2011-01-28

来源：互联网

小弟有三个下拉式选单，第一个下拉式选单会改变第二个下拉式选单的值，而第二个下拉式选单会改变第三个下拉式选单的值，想请问要如何才能做到第一个选完后直接影响第二

作者: noneman 发布时间: 2011-01-28

您参考看看

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head> <script language="javascript" src="jquery-1.4.3.js" type="text/javascript"></script>
<script language="javascript">
<!--
function chg1(){ //alert("111"); $('#slc2')[0].selectedIndex = 1;
} function chg2(){ //alert("222"); $('#slc3')[0].selectedIndex = 1;
}
$(document).ready(function(){
  $('select').change(function() {
    var index = $(this).find('option:selected').attr('index');
    
    $('select').each(function(i) {
      $(this).find('option:eq(' + index + ')').attr('selected', 'selected');
    });
  });
}); -->
</script>
<body>
 
<select id="slc1"> <option selected="selected">111</option> <option>1111</option>
</select> <select id="slc2"> <option selected="selected">222</option> <option>2222</option>
</select> <select id="slc3"> <option selected="selected">333</option> <option>3333</option>
</select>
 
</body>
</html>

作者: jason_chan19 发布时间: 2011-01-28

相当感谢大大的回覆，小弟还有一事想请教，因小弟下拉式选单是要做县－＞市－＞路名的查询用的，所以每个下拉式选单会各别呼叫function，有些下拉式选单原先是没有资料的，要到选单改变后才能取得资料；如果在网页上点下拉式选单可以正常运作，但用程式去改浏灠器好像无法知道选单已经改变了；故想请教要如何让每个下拉式选单用程式改时浏灠器依然能监听到下拉式选单的事件

作者: noneman 发布时间: 2011-01-28

JQuery如何利用change做到3个select连动?

热门阅读

热门下载