Question

怎么实现表单里所有的下拉菜单都选择与第一个下拉菜单相同的选择值

网页上做个表单，每行一个下拉菜单，有几十行。现在希望当选择了第一行的下拉菜单后，比如选择了“上海”，旁边有个按钮－“以下全同”。就是按钮一按，后面的所有下拉菜单都选择了和第一个菜单一样的选项 “上海”。

Answer 1

<select id=tt1 onchange="myfun(this.value)">
<option value="上海1">上海1</option>
<option value="上海2">上海2</option>
<option value="上海3">上海3</option>
</select>

<select id=tt2 onchange="myfun(this.value)">
<option value="上海1">上海1</option>
<option value="上海2">上海2</option>
<option value="上海3">上海3</option>
</select>

<select id=tt3 onchange="myfun(this.value)">
<option value="上海1">上海1</option>
<option value="上海2">上海2</option>
<option value="上海3">上海3</option>
</select>

<script>
function myfun(s)
{
document.getElementById("tt1").value=s;
document.getElementById("tt2").value=s;
document.getElementById("tt3").value=s;
//你也可以用for循环
}
</script>

Answer 2

<select
id=tt1
onchange="myfun(this.value)">
<option
value="上海1">上海1</option>
<option
value="上海2">上海2</option>
<option
value="上海3">上海3</option>
</select>
<select
id=tt2
onchange="myfun(this.value)">
<option
value="上海1">上海1</option>
<option
value="上海2">上海2</option>
<option
value="上海3">上海3</option>
</select>
<select
id=tt3
onchange="myfun(this.value)">
<option
value="上海1">上海1</option>
<option
value="上海2">上海2</option>
<option
value="上海3">上海3</option>
</select>
<script>
function
myfun(s)
{
document.getElementById("tt1").value=s;
document.getElementById("tt2").value=s;
document.getElementById("tt3").value=s;
//你也可以用for循环
}
</script>