javascript - Jquery如何阻止选择元素下拉？

Question

我想在单击选择选项元素时阻止用户查看列表：

<select name="_users_id_requester">
  <option value="0">-----</option>
  <option selected="" value="774">Asmaa El Habib,Yassine</option>//except this one 
  <option value="779" title="Ahlam Edouiri - U8K8O">Ahlam Edouiri</option>
  <option value="746" title="Ainane Mohamed - MohamedAinane">Ainane Mohamed</option>
</select>

我尝试了 readonly 方法，但问题是我在表单中使用元素，所以表单无法读取选定的值

Answer 1

首先给选择一个id。也许

<select name="_users_id_requester" id "requestor" class = "requestorList">
   <option value="0">-----</option>
   <option selected="" value="774">Asmaa El Habib,Yassine</option>//except this one 
   <option value="779" title="Ahlam Edouiri - U8K8O">Ahlam Edouiri</option>
   <option value="746" title="Ainane Mohamed - MohamedAinane">Ainane Mohamed</option>
</select>

然后您可以轻松禁用控件

$('#requestor').prop('disabled', 'disabled');

要重新启用控件：

$('#requestor').prop('disabled', '');

如果无法设置 ID：

$('.requestorList').prop('disabled', 'disabled');

要重新启用控件：

$('.requestorList').prop('disabled', '');