选择取消选择多个选择字段

Question

我有多个选择字段，如下所示：

<select class="projects" id="projects" multiple="multiple" name="projects[]" size="10">
  <option value="1">Project 1</option> 
  <option value="2">project 2</option> 
  <option value="3">Project 3</option>
</select> 

我希望在用户选择后，如果用户单击其他地方，所有选择的选项都将返回到“未选择”，如何在Jquery中实现此功能？

Answer 1

$("*").click(function() { $(".projects > option").removeAttr("selected");});应该能帮上忙。参见demo。

Answer 2

分别尝试使用.focus()或.focusin()/.focusout()。http://api.jquery.com/?s=focus