同一个页面两个select关联问题

Question

用ajax可以无刷新实现，或者就当change的时候传参数到后台读取对应数据来显示。

Answer 1

select2 ....from where (select1) 
是想要这样么??

Answer 2

以下分别用PHP和Javascript实现了两个<select>的关联.
用PHP的优点是可以根据第一个<select>中的值调用数据库来显示第二个<select>,缺点是页面需要刷新;
用JS的优点是页面不需要刷新,但需要把所有的数据一起输出到页面里.
更好的解决办法是用ajax,既可以实现无刷新,又不需要将所有选项输出到页面.
根据你的需求来决定用哪种方法吧:)
//index.php
Use PHP: <select id="select_main" onchange="window.location='index.php?option='+this.value">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
<select>
<?php
switch(intval($_GET['option'])){
case 2:
echo <<<OPTION2
<script type="text/javascript">document.getElementById("select_main").value=2;</script>
<option value="1">Option 2-1</option>
<option value="2">Option 2-2</option>
OPTION2;
break;case 3:
echo <<<OPTION3
<script type="text/javascript">document.getElementById("select_main").value=3;</script>
<option value="1">Option 3-1</option>
<option value="2">Option 3-2</option>
OPTION3;
break;default:
echo <<<OPTION1
<option value="1">Option 1-1</option>
<option value="2">Option 1-2</option>
OPTION1;
}
?>
</select>
<hr/>
Use Javascript: <select onchange="select_show(this.value)">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
<select id="select_sub"></select>
<script type="text/javascript">
var myoptions=[,
[["Option 1-1",1],["Option 1-2",2]],
[["Option 2-1",1],["Option 2-2",2]],
[["Option 3-1",1],["Option 3-2",2]],
];
function select_show(i){
var o=document.getElementById("select_sub");
o.options.length=0;
for(var j=0;j<myoptions[i].length;j++){
o.options.add(new Option(myoptions[i][j][0],myoptions[i][j][1]));
}
}
select_show(1);
</script>

Answer 3

http://search.csdn.net/search/select%20%E5%A4%9A%E7%BA%A7%20%E8%81%94%E5%8A%A8/1/blog