如何使选择下拉列表只读且不可更改

Question

这是js小提琴的链接

[https://jsfiddle.net/7Lcf533c/1/][1]

我选择下拉列表只读，但当我点击它时，它会显示下拉选项，该选项不应显示且可更改

你能建议一个解决方案并在jsfiddle

中更新

Answer 1

你可以这样做：

$("#id_messageKindId option").prop('disabled',true);

Answer 2

使用disabled属性

 <div class="col-sm-8"><select class="form-control" id="id_messageKindId" name="messageKindId" disabled="disabled" required="required" readonly="">
<option value="1">Appointment Reminder</option>
<option value="2">Eyeware or Contact Arrival</option>
<option value="3">Appt Delay / Move Up</option>
<option value="4">Appt Cancellation</option>
<option value="5">Recall</option>
<option value="7">After Appointment</option>
<option value="10" selected="selected">Pre Appointment</option>
<option value="11">Lab Results</option>
<option value="12">Collection Message</option>
<option value="13">Custom Message</option>
</select></div>

在https://jsfiddle.net/7Lcf533c/5/