我想点击第一个select的某个option就让它的文字与后面的2项一致.要怎么做?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<style>
</style>
</HEAD>
<BODY>
<script type="text/javascript">
function $(id){
return document.getElementById(id);
}
function test(){
var s = $("select");
var s1 = $("select1");
var s2 = $("select2");
if(s.options[s.selectedIndex]){
s1.options[s1.selectedIndex] = s.options[s.selectedIndex]
}
}
</script>
<select id="select" onchange="test()">
<option value="奔驰">奔驰</option>
<option value="宝马">宝马</option>
<option value="奥迪">奥迪</option>
</select>
<select id="select1">
<option value="奔驰">奔驰</option>
<option value="宝马">宝马</option>
<option value="奥迪">奥迪</option>
</select>
<select id="select2">
<option value="奔驰">奔驰</option>
<option value="宝马">宝马</option>
<option value="奥迪">奥迪</option>
</select>
<div id="car"></div>
</BODY>
</HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<style>
</style>
</HEAD>
<BODY>
<script type="text/javascript">
function $(id){
return document.getElementById(id);
}
function test(){
var s = $("select");
var s1 = $("select1");
var s2 = $("select2");
if(s.options[s.selectedIndex]){
s1.options[s1.selectedIndex] = s.options[s.selectedIndex]
}
}
</script>
<select id="select" onchange="test()">
<option value="奔驰">奔驰</option>
<option value="宝马">宝马</option>
<option value="奥迪">奥迪</option>
</select>
<select id="select1">
<option value="奔驰">奔驰</option>
<option value="宝马">宝马</option>
<option value="奥迪">奥迪</option>
</select>
<select id="select2">
<option value="奔驰">奔驰</option>
<option value="宝马">宝马</option>
<option value="奥迪">奥迪</option>
</select>
<div id="car"></div>
</BODY>
</HTML>
function test(){
var s = $("select");
var s1 = $("select1");
var s2 = $("select2");
if(s.options[s.selectedIndex]){
s1.selectedIndex = s.selectedIndex
}
}
看代码 http://jsfiddle.net/aadeZ/
为什么换成这样的顺序就不行了..?
连续的=号,是先执行右边的