jquery 禁用第一个下拉菜单项

ergxz8rk  于 2023-05-17  发布在  jQuery
关注(0)|答案(4)|浏览(162)

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

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

但也不行,有办法吗?
谢谢你

wvt8vs2t

wvt8vs2t1#

尝试使用jQuery的hide right on page ready;在下拉列表的顶部选项被设置为标题后,将其从列表中删除。

$('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>
zengzsys

zengzsys2#

简单地这样做

$("select option:first").attr("disabled", "true");
8mmmxcuj

8mmmxcuj3#

这是好的只是一个变化
使Disable为true,如下所示:

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

0lvr5msh4#

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

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

相关问题