JS控制radio和select

Posted 2023-03-14

现在有两个控件一个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>

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> 参考技术A <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";
参考技术B 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> 参考技术C 现在有两个控件一个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> 参考技术D 现在有两个控件一个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>