jquery – “选择/取消选择”多个选择字段

我在表列中定义了多个选择字段,

<table border=1>
    <tr>
        <td>THIS IS THE PLACE TO SELECT THE PROJECTS</td>
    </tr>
    <tr>
    <td id="select_project">
      <select class="projects" id="projects" multiple="multiple" name="projects[]" size="10">
       <option value="1">Project 1</option> 
       <option value="2" selected="selected">project 2</option> 
       <option value="3">Project 3</option>
     </select>
   CLICK HERE SHOULD "UNSELECT"
</td>
</tr>
</table>

我想要的功能是,当用户点击选择字段旁边的列空间时,所有选中的选项都应该回到未选中状态,我使用了以下jquery来实现,

$("#select_project").bind('click', function(){
    $('#projects option').attr('selected', false);
    return false;
});

它工作但它也影响选择字段,当用户选择一个选项时,它会立即自动切换回未选择状态,如何摆脱这个?

最佳答案
当然,当用户从下拉列表中选择了某些内容后,它会立即清除所选值.

你放了< select>在受.click()函数影响的区域内.因此,每当用户单击下拉列表选择某些内容时,您的函数就会运行 – 并且清除选择.

您必须更改UI,以便单击以清除选择的位置位于其他位置.

转载注明原文:jquery – “选择/取消选择”多个选择字段 - 代码日志