启用选择框

Question

只有第一个选项我有我的页面有些“选择框”我不想让用户选择任何选项，但第一（请不要问我为什么）。我无法使用'只读'属性更改'输入'，我也无法删除选项。我很抱歉有这些限制，但必须这样。

我尝试这样做：

$('select').attr('disabled',true); 

但碰巧我不想“宽松”的值。我有一个使用这些值的ajax调用，当我禁用它时，值'不存在'了。

我想这太：

$('select').click(function(){ 
     return false; 
}); 

但没有成功。

Answer 1

你可以用一行代码做到这一点。

$('option').attr('disabled','disabled').eq(0).removeAttr('disabled'); 

检查在http://jsfiddle.net/yaGJc/1/

工作示例您还可以使用:gt()的大于选择，虽然第一个给在其上已启用选项更多的控制。在http://jsfiddle.net/yaGJc/2/

Answer 2

也许你可以试试这个

$('.select').attr('disabled', 'disabled'); 

我这个战斗之前...

Answer 3

var firstValue = $('select:first').val(); 
$('select:first').attr('disabled', true); 

然后在Ajax调用使用firstValue变量。

Answer 4

$('option:gt(0)').attr('disabled','disabled'); 

检查工作示例使用jQuery禁用选项：

$('#selector option:gt(0)').attr('disabled', 'disabled'); 

Here is the fiddle

应该产生HTML这样的：

<select multiple> 
    <option>test1</option> 
    <option disabled>test2</option> 
    <option disabled>test3</option> 
    <option disabled>test4</option> 
    <option disabled>test5</option> 
    <option disabled>test6</option> 
</select> 

Answer 5

不知道Ÿü会想这样做针锋相对，但你可以尝试

$("select option").each(function (index, obj) { 
    if(index > 1) 
     $(obj).attr("disabled", "disabled"); 
});