禁用第一个项目下拉列表

时间:2015-07-01 17:44:15

标签: jquery

我有很多下拉菜单,我想禁用第一项,在我尝试应用onClick之前,但是我的工作做得不好,现在我试图以这种方式禁用:

 $("select option:first-child").attr("disabled", "disabled");

但是也没有工作,有些想法吗?

谢谢

4 个答案:

答案 0 :(得分:2)

$( document ).ajaxComplete(function() {
    $("select option[value='']:selected").attr('disabled',"disabled"); });

我的解决方案。加载所有下拉列表后,我只需要将第一个选项设置为禁用。

答案 1 :(得分:2)

只需执行

$(“ select option:first”)。attr(“ disabled”,“ true”);

答案 2 :(得分:0)

尝试在页面准备好的时候使用jQuery&hide;将下拉列表的顶部选项设置为标题后,将其从列表中删除。



$('option[value=""]').attr("disabled", "disabled");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="clientName" id="clientName"> 
    <option name="" value="">Client Name</option>
    <option name="Jennifer Black" value="0">Jennifer Black</option>
    <option name="Henry Johnson" value="1">Henry Johnson</option>
    <option name="Jack Hunnington" value="2">Jack Hunnington</option>
    <option name="Mary Green" value="3">Mary Green</option>
</select>
&#13;
&#13;
&#13;

答案 3 :(得分:0)

这只是一个改变

禁用如下所示:

$(&#34; select option:first-child&#34;)。attr(&#34; disabled&#34;,&#34; true&#34;);