Jquery如何阻止select元素掉线?

时间:2013-02-25 23:08:15

标签: javascript jquery

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

<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方法,但问题是我在表单中使用了元素,因此表单无法读取所选值

1 个答案:

答案 0 :(得分: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', '');