下拉值应根据单选按钮进行更改
Drop down value should change according Radio Button
我需要下拉选择值将根据两个单选按钮动态更改。例如,在我的html代码中,如果从country中选择country 1,从city中选择city1,则下拉值将设置为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';
}
}
工作模型,参考本
http://jsfiddle.net/NWWL4/23/
希望这对有帮助
相关文章:
- 根据页面加载时的单选按钮选择显示某些字段
- 更新:仅根据单选按钮和所选选项选择特定项目
- 如何根据是否通过jsp中的jstl选中单选按钮来启用和禁用下拉列表
- 根据单选按钮值添加到值
- 根据文本框中键入的文本筛选单选按钮列表
- 根据服务器时间禁用启用单选按钮
- 根据选中的单选按钮更改选择框
- 根据单选按钮值更改提交按钮文本
- 下拉值根据单选按钮更改
- 根据单选按钮的选择显示HTML表单
- 根据单选按钮隐藏标签的函数
- Javascript单选按钮验证错误弹出不到一秒钟,但不应消失
- 根据选中的按钮运行不同的计算时,设置单选按钮
- 根据单选按钮id属性调用ajax jquery
- 单击编辑按钮时,如何根据另外两个文本框的条件隐藏或禁用单选按钮列表和文本框
- 使用 Json 如何根据数据库中的值选择单选按钮
- 根据单选按钮在页面加载时使用不同的样式表
- 流星:如何根据数据库中的值设置单选按钮的值
- 根据在单选按钮中选择的值隐藏时间表中的自定义元素
- 下拉值应根据单选按钮进行更改