Javascript 禁用下拉选项
我想根据条件禁用下拉选项。我想禁用除文本为“Java”的选项之外的所有其他选项 例:Javascript 禁用下拉选项,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我想根据条件禁用下拉选项。我想禁用除文本为“Java”的选项之外的所有其他选项 例: C# VB.NET jQuery JAVA 在这种情况下,只有java选项应该启用,其他选项应该禁用 $("#ddlList option").each(function(){ if(!$(this).val().contains("java")) $(this).attr('disabled', true); }); 此代码允许您通过检查每
C#
VB.NET
jQuery
JAVA
在这种情况下,只有java选项应该启用,其他选项应该禁用
$("#ddlList option").each(function(){
if(!$(this).val().contains("java"))
$(this).attr('disabled', true);
});
此代码允许您通过检查每个下拉选项的值是否包含“java”来设置其禁用属性
JQuery:
JavaScript:
使用禁用的
属性
$("#ddlList option[value!='java']").prop("disabled", true);
如果您希望以更实际的方式获得更多控制权,您可以查看每个选项:
$("#ddlList option").each(function () {
var allowed = ["java"];
if (allowed.indexOf($(this).val()) === -1) {
$(this).prop("disabled", true);
}
});
或
或
您可以这样编写代码:
Select Language: <select id="ddlList">
<option value="csharp">C#</option>
<option value="vb">VB.NET</option>
<option value="jquery">jQuery</option>
<option value="java">Java</option>
</select>
可能存在的副本
$("#ddlList option[value!='java']").prop("disabled", true);
$("#ddlList option").each(function () {
var allowed = ["java"];
if (allowed.indexOf($(this).val()) === -1) {
$(this).prop("disabled", true);
}
});
function optionDisable(selectId, optionIndex){
document.getElementById(selectId).children[optionIndex].disabled="disabled";
}
document.getElementById(optionid).style.display = 'none';
function makeDisable(){
var a=document.getElementById("ddllist")
a.disabled=true
}
Select Language: <select id="ddlList">
<option value="csharp">C#</option>
<option value="vb">VB.NET</option>
<option value="jquery">jQuery</option>
<option value="java">Java</option>
</select>
$(document).ready(function(){
var condition = true;
if(condition)
{
$("select option").prop('disabled',true);
$("select option[value='java']").removeAttr('disabled');
$("select").val("java")
}
else
{
//apply your logic here
}
});