如何使用单选按钮禁用下拉列表中的选项,所有这些都在同一个下拉列表中.使用Javascript
How to disable a option in a dropdown with radio button, all in the same dropdown. with Javascript
我有一个页面,其中包含多个下拉列表和单选按钮选择,加载了js。
如何在同一选择下拉列表中禁用带有单选按钮的选项。
例如
单选按钮 1 将显示数量选项值 1、值 2 和值 3单选按钮 2 将显示数量值 4、值 5 和值 6
因此,我不必创建不同的数量下拉列表,我可以使用一个数量下拉列表,并通过两个单选按钮控制客户看到的选项。
我能想到的是,它应该通过选项值,当您单击单选按钮时,它应该禁用并隐藏值编号 xx。
任何帮助将不胜感激。
您可以将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
相关文章:
- 选择的下拉列表:使search_contains同时适用于所有下拉列表
- Javascript获取所有下拉列表的值
- 根据下拉列表中选择的项目隐藏所有元素
- 经典 ASP - 下拉列表:选择与第一个下拉列表具有相同值的所有下拉列表
- 我正试图获得一个带有复选框的多选下拉列表,在填充项目和获得所有选中的工作时遇到了一些问题
- 如何在从所有下拉列表中选择一个时禁用其他下拉列表
- Jquery/javascript:从下拉列表中选择所有选定的值
- KendoUI 工具栏拆分按钮会自动突出显示下拉列表中的第一个选项.如何使所有选项看起来相同
- 使用日期将所有下拉列表筛选为下拉列表
- 如何将下拉列表中的所有选项添加到 php 中的数组中
- 如何使用单选按钮禁用下拉列表中的选项,所有这些都在同一个下拉列表中.使用Javascript
- 用于填充下拉列表的Javascript适用于IE9以外的所有应用程序
- Asp.net javascript隐藏并显示所有下拉列表项
- 在Foundation 4中隐藏所有下拉列表
- 读取所有下拉列表的选定值
- 如何获取所有不同的下拉列表是否已选择值
- 显示多个下拉列表的所有选定值
- 重置所有选择下拉列表
- 如何使用默认值填充文本字段或将其保留为空,所有这些都取决于下拉列表中的选择
- 如何在不同的下拉列表中显示所有菜单和子菜单项