[英]Drop down value should change according Radio Button
我需要下拉选择值会根据两个单选按钮动态变化。 例如,在我的 html 代码中,如果从国家/地区选择国家/地区 1 并从城市选择城市 1,则下拉值将设置为 1,如果从国家/地区选择国家/地区 1 并从城市选择城市 2,则下拉值将设置为 2。我需要JavaScript 或 php 代码。
谢谢你的帮助。
<div class='aQuestion' id='div1'>
<STRONG>1. </STRONG>
<STRONG>Country</STRONG></br>
<INPUT TYPE='radio' NAME='grp1' VALUE='Country 0'>Country1</br>
</div>
<div class='aQuestion' id='div2'>
<STRONG>2. </STRONG>
<STRONG>City</STRONG></br>
<INPUT TYPE='radio' NAME='grp2' VALUE='City 0'>City 1</br>
<INPUT TYPE='radio' NAME='grp2' VALUE='City1'>City 2</br>
</div><br/>
<div> set 1
<select name="school">
<option value="school1">school 1</option>;
<option value="school2">school 2</option>;
<option value="school3">school 3</option>;
</select><br/>
</div><br/>
<div>
set 2
<select name="school">
<option value="school4">school 4</option>;
<option value="school5">school 5</option>;
<option value="school6">school 6</option>;
</select>
</div>
代替
<INPUT TYPE='radio' NAME='grp2' VALUE='City 0'>City 1</br>
<INPUT TYPE='radio' NAME='grp2' VALUE='City1'>City 2</br>
和
<INPUT TYPE='radio' NAME='grp2' VALUE='City 0' onClick="javascript:return yourfunction(1)">City 1</br>
<INPUT TYPE='radio' NAME='grp2' VALUE='City1' onClick="javascript:return yourfunction(2)">City 2</br>
JavaScript 代码
function yourfunction(radioid)
{
if(radioid == 1)
{
document.getElementById('one').style.display = '';
document.getElementById('two').style.display = 'none';
}
else if(radioid == 2)
{
document.getElementById('two').style.display = '';
document.getElementById('one').style.display = 'none';
}
}
工作模型,参考这个
希望这可以帮助
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.