根据javascript中选定的单选按钮下拉选项
根据javascript中选定的单选按钮下拉选项
提问于 2009-10-18 13:04:14
我有两个单选按钮:校内和校外。当在校园内被选中时，下拉列表将有一些选项，当选择校外时，将有一组不同的选项。我如何在javascript中做到这一点？
我试着用这个。我有这个密码
function setInCampus(a) {
if(a == "true") {
setOptions(document.form.nature.options[document.form.nature.selectedIndex].value) }
}
function setOptions(chosen)
{
//stuff
} 恐怕行不通。怎么了？
回答 7
Stack Overflow用户
回答已采纳
发布于 2009-10-18 13:44:25
<html>
<head>
<script language="javascript">
var current = false;
function onChange()
{
var rad = document.getElementById("radIn").checked;
if(rad == current)
return;
current = rad;
var array = rad ? ["in1","in2","in3","in4","in5"] :
["out1","out2","out3","out4","out5"];
var sel = document.getElementById("dropDown");
sel.innerHTML = "";
var opt;
for each(var k in array)
{
//alert(k + " asdsd");
opt = document.createElement("option");
opt.innerHTML = k;
sel.appendChild(opt);
}
}
</script>
</head>
<body onload="onChange();">
<input type="radio" value="in" name="campus" onclick="onChange()"
id="radIn" checked="true"/>
<label for="radIn">In Campus</label>
<br/>
<input type="radio" value="out" name="campus" onclick="onChange()"
id="radOut"/>
<label for="radOut">Out Campus</label>
<br/>
<select id="dropDown"/>
</body>
</html>Stack Overflow用户
发布于 2009-10-18 19:38:35
首先，即使禁用了JavaScript，也可以使用和访问表单。创建包含单选按钮下拉列表的HTML标记。
然后，当启用JavaScript时，在文档加载时隐藏元素下拉元素，并将和事件处理程序附加到单选按钮，因此当选中其中一个按钮时，切换正确下拉列表的可见性。
Stack Overflow用户
发布于 2009-10-18 13:42:52
<form>
<input type="radio" onclick="campus(0)" value="On" id="campus_on" />
<label for="campus_on" />
<input type="radio" onclick="campus(1)" value="off" />
<label for="campus_off" />
<select id="some_options">
</select>
</form>
<script>
function campus(type) {
document.getElementById('some_options').innerHTML = type ?
'<option>option 1</option><option>option 2</option>'
:
'<option>option 3</option><option>option 4</option>';
}
}
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1584838
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号