如何使用单选按钮禁用下拉列表中的选项，所有这些都在相同的下拉列表中。使用Javascript
如何使用单选按钮禁用下拉列表中的选项，所有这些都在相同的下拉列表中。使用Javascript
提问于 2014-11-26 08:13:08
我有一个页面与多个下拉菜单和单选按钮的选择与js加载。
如何在同一选择下拉列表中禁用带有单选按钮的选项。
例如
单选按钮% 1将显示数量选项值1、值2和值3单选按钮%2将显示数量值4、值5和值6
因此，我不必创建不同的数量下拉列表，我可以使用一个数量下拉列表，并使用两个单选按钮控制客户看到的选项。
我能想到的是，它应该是通过选项值，当你点击单选一，它应该禁用和隐藏数值xx。
任何帮助都是非常感谢的。
回答 1
Stack Overflow用户
发布于 2014-11-26 08:30:41
您可以只将display:none;或隐藏类添加到选择框中的选项中。在你的例子中，你可以用javascript做到这一点。
<select id="mySelect">
<option>1</option>
<option>2</option>
<option style="display:none;">3</option>
<option>4</option>
</select>选项3在本例中不会显示。
另外，您也可以在javascript中重新构建选择框的内容。
function displayOptions (block) {
var mySelect = document.getElementById('mySelect');
if (block === 1) {
mySelect.innerHTML = '<option>1</option><option>2</option>';
} else {
mySelect.innerHTML = '<option>3</option><option>4</option>';
}
//TODO you can select a new default here or it will default to the first option
}
//TODO bind a change event to your radio buttons and invoke the displayOptions function页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27139202
复制相关文章
相似问题
腾讯云开发者
