说我们有相同数量的选项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
只需使用'