說我們有相同數量的選項2個不同的選擇框：平變化選擇框中
<select id="box1">
<option value="1" >1</option>
<option value="2" >2</option>
</select>
<select id="box2">
<option value="3" >3</option>
<option value="4" >4</option>
</select>
是否有可能，當我們選擇第一個框來選擇自動對第二盒相同的選項多少？如果可能的話沒有jQuery。
更新：2盒的值是不同的！當我們選擇box1的第一個值時，box 2的值將自動爲3！等等......
是。將onChange屬性添加到第一個選擇，然後使用它調用您在別處編寫的JavaScript函數。
<select id="box1" onChange="changeBox2(this.selectedIndex);">
<option value="1" >1</option>
<option value="2" >2</option>
</select>
<select id="box2">
<option value="1" >1</option>
<option value="2" >2</option>
</select>
不知道爲什麼這個投票。 – FrankieTheKneeMan 2013-05-06 14:58:09
差不多兩個月後，我正坐在兩個，兩個迴應已被接受。看不起合適的人都沒有提到爲什麼。爲什麼？ – FrankieTheKneeMan 2013-05-22 15:30:36
這可能是因爲一些人對W3學校的崇拜般的仇恨。有些人只是在看到任何與W3學校有關聯的基礎上而冷靜下來 - 我不會親自接受。 – 2015-06-25 00:22:55
是的它在javascript中很簡單。只有一條線。
function ch(){
document.getElementById("box2").value = document.getElementById("box1").value ;
}
你可以打電話ch()上onchange事件下面box2
希望的是你想要的...
<html>
<body>
<select id="box1" onChange="box2.value=box1.value">
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
</select>
<select id="box2" onChange="box1.value=box2.value">
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
</select>
</body>
</html>
一段JavaScript代碼，代碼：
var box1=document.getElementById("box1");
box1.onchange=function(){
document.getElementById("box2").value=box1.value;
}
+1參考緩存和毆打我的答案整整兩分鐘...快速帖子是一種藝術，我還沒有掌握:) – 2012-03-19 04:16:34
顯然我不需要設置第二個盒子的值與第一個相同他們是不同的）。這只是一個例子 – 2012-03-19 04:18:15
下JS會的工作：
document.getElementById("box1").onchange = function(){
document.getElementById("box2").value = this.value;
};
不是最優雅的代碼我已經寫了，但得到你所需要的。小提琴：http://jsfiddle.net/XZRKS/
var box1 = document.getElementById("box1");
var box2 = document.getElementById("box2");
box1.addEventListener("change", function(e){
var val = parseInt(this.value);
box2.querySelector("option:nth-child("+val+")").selected = true;
}, false);
這隻會在壁虎/ Mozilla瀏覽器只
對於IE瀏覽器使用的onChange代替變化和的attachEvent代替的addEventListener，更多信息請訪問
http://msdn.microsoft.com/en-us/library/ie/ms536343%28v=vs.85%29.aspx
的信息，querySelector看到這鏈接
https://developer.mozilla.org/en-US/docs/Web/API/document.querySelector
當你說沒有jQuery，你的意思是具體的jQuery或JavaScript？因爲任何可能與jQuery的可能與JavaScript（因爲jQuery只是一個框架的JavaScript） – 2012-03-19 04:05:55
當我說沒有jQuery的我的意思是我沒有jQuery框架的頁面上。順便說一下，我編輯q，因爲你只是簡單地將相同的值設置爲第二個框。 – 2012-03-19 04:19:26
只需使用'