仅启用选择框中的第一个选项

Fri*_*ias 3 html jquery html-select jquery-selectors

我的页面中有一些"选择框",我不想让用户选择任何选项,但第一个(请不要问我为什么).我无法使用'readonly'属性更改'input',我也无法删除选项.我很抱歉这些限制,但必须这样.

我试过这个:

 $('select').attr('disabled',true);
Run Code Online (Sandbox Code Playgroud)

但碰巧我不想"松散"这个价值.我有一个使用这些值的ajax调用,当我禁用它时,值'不存在'了.

我也试过这个:

 $('select').click(function(){
      return false;
 });
Run Code Online (Sandbox Code Playgroud)

但没有成功.

Hus*_*ein 6

您可以使用一行代码完成此操作.

$('option').attr('disabled','disabled').eq(0).removeAttr('disabled');
Run Code Online (Sandbox Code Playgroud)

查看http://jsfiddle.net/yaGJc/1/上的工作示例

您也可以使用:gt()更大的选择器,尽管第一个选项器可以更好地控制启用哪个选项.

$('option:gt(0)').attr('disabled','disabled');
Run Code Online (Sandbox Code Playgroud)

查看http://jsfiddle.net/yaGJc/2/上的工作示例