javascript - 禁用下拉选项

Question

我想根据条件禁用下拉选项。我想禁用除带有文本“Java”的选项之外的所有其他选项。

例如:

<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>

在这种情况下，仅应启用 java 选项，而应禁用其他选项。

Answer 1

JQuery:

$('#ddlList option:not([value=java])').prop('disabled', true);

JSFiddle

JavaScript:

 var filter = document.querySelectorAll('#ddlList option:not([value=java])')
 Object.keys(filter).forEach( function(g){ filter[g].disabled = true })  

JSFiddle