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>

我尝试了只读方法，但问题是我在表单中使用该元素，因此表单无法读取所选值

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', '');