No support for disabling options from javascript about bootstrap-select

[mattbryson]

There is using JQ and the plugin.

First disable the option with jQuery, and then call render on the plugin.

 $('#mySelect option[value="3"]').prop('disabled', true);
 $('#mySelect').selectpicker('render');

http://jsfiddle.net/PDdn3/2/

[NKCSS]

This would be nice to have

[mattbryson]

but we could simplify this with one call, something like

$('#mySelect').selectpicker('disable', selector);

We could pass the selector as either a straight value, or array of values...

3 or my value or [1,5,10]

and it could also be a JQ Selector..

[value="3"] or #myID or .MyClass

so something like

$('#mySelect').selectpicker('disable', [1,3,'hello']);
$('#mySelect').selectpicker('disable', '[value="3"]');
$('#mySelect').selectpicker('disable', '.MyOptionClass');

?

[caseyjhol]

We could add it in there...but I think it would just be simpler to just run render again. It seems like it would be less documentation to have to remember - simply add your typical line of jQuery to disable the option and then include $('.selectpicker').selectpicker('render'); right after it. What do others think?

[mattbryson]

It is more flexible leaving it down to the dev to update the data and then re-render. Im inclined to leave it as is.

[fvera]

Not support disabled attribute, but YES support readonly attribute, then...

$("[id^=yourselector]").prop("readonly", "");

[saptisunil]

Heyy ! I just want to disable some of the options from the drop down list. How can i do that? Please help ! Thanks in Advance

[jeuelc]

any of the following will work:

$("#selectId option[value=1]").attr("disabled","disabled");
$("#selectId option[value='2']").attr("disabled","disabled");
$("#selectId option[value=3]").prop("disabled",true);
$("#selectId option[value='4']").prop("disabled",true);

just refresh the rendering of the selectpicker:

$('#selectId').selectpicker('refresh');