Question

JS控制radio和select

现在有两个控件一个select一个radio我现在需要点击radio以后，select会自动变成radio选中的值！他们两value的值都是一样的！因为radio是循环出来的所以只能用getElementsByName()来获取！我已经把radio的写好了！但是如何让select选中radio啊？<script>
function check(){
var selects=document.getElementById("select").value;
//alert(selects);
var radios= document.getElementsByName("radio")
for(var i=0;i<radios.length;i++){
if(radios[i].checked){
selects=radios[i].value;

}
}
alert(selects);
}</script> <input name="radio" type="radio" value="aaa" onclick="check();"/>aaa
<input name="radio" type="radio" value="bbb" onclick="check();"/>bbb<select id="select" ><option value="aaa" >aaa</option>
<option value="bbb">bbb</option>
</select>

Answer 1

radio是用不着循环的，用下面代码就行了：<script>
function check(val){
var selects=document.getElementById("select");
for(var i=0;i<selects.options.length;i++){
if(val==selects.options[i].value) selects.options[i].selected=true;
}
}
</script>
<input name="radio" type="radio" value="aaa" onclick="check(this.value);"/>aaa
<input name="radio" type="radio" value="bbb" onclick="check(this.value);"/>bbb
<select id="select" >
<option value="aaa" >aaa</option>
<option value="bbb">bbb</option>
</select>

Answer 2

<select>标签没有value这个属性的，要想下拉框显示你radio选中的属性的话：for(var i=0;i<radios.length;i++){
if(radios[i].checked){
selects=radios[i].value;
} if(selects == options[i]).value{ //在这加个判断 options[i].selected ="selected"; }
}

Answer 3

radio是用不着循环的，用下面代码就行了：<script>
function check(val){
var selects=document.getElementById("select");
for(var i=0;i<selects.options.length;i++){
if(val==selects.options[i].value) selects.options[i].selected=true;
}
}
</script>
<input name="radio" type="radio" value="aaa" onclick="check(this.value);"/>aaa
<input name="radio" type="radio" value="bbb" onclick="check(this.value);"/>bbb
<select id="select" >
<option value="aaa" >aaa</option>
<option value="bbb">bbb</option>
</select>

Answer 4

现在有两个控件一个select一个radio我现在需要点击radio以后，select会自动变成radio选中的值！他们两value的值都是一样的！因为radio是循环出来的所以只能用getElementsByName()来获取！我已经把radio的写好了！但是如何让select选中radio啊？<script>
function check(){
var selects=document.getElementById("select").value;
//alert(selects);
var radios= document.getElementsByName("radio")
for(var i=0;i<radios.length;i++){
if(radios[i].checked){
selects=radios[i].value;

}
}
alert(selects);
}</script> <input name="radio" type="radio" value="aaa" onclick="check();"/>aaa
<input name="radio" type="radio" value="bbb" onclick="check();"/>bbb<select id="select" ><option value="aaa" >aaa</option>
<option value="bbb">bbb</option>
</select>

Answer 5

现在有两个控件一个select一个radio我现在需要点击radio以后，select会自动变成radio选中的值！他们两value的值都是一样的！因为radio是循环出来的所以只能用getElementsByName()来获取！我已经把radio的写好了！但是如何让select选中radio啊？<script>
function check(){
var selects=document.getElementById("select").value;
//alert(selects);
var radios= document.getElementsByName("radio")
for(var i=0;i<radios.length;i++){
if(radios[i].checked){
selects=radios[i].value;

}
}
alert(selects);
}</script> <input name="radio" type="radio" value="aaa" onclick="check();"/>aaa
<input name="radio" type="radio" value="bbb" onclick="check();"/>bbb<select id="select" ><option value="aaa" >aaa</option>
<option value="bbb">bbb</option>
</select>