如何取消选择选择框中的项目?

时间:2011-07-29 16:30:18

标签: html select

今天我有一个简单的问题。我有一个选择框,使用户可以选择多个项目。此外,当用户返回页面时,他可以看到他选择了哪些项目,并在必要时取消选择它们。麻烦的是,当我试图取消选择时,选择只是变成灰色;它没有取消选择。

<select name="MySelect" multiple>
<option value="1">1</option>
<option value="2">2</option>
<option value="3" selected="selected">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>

因此,当上面的元素呈现给页面时,我无法取消选择该选项。值仍然是STILL传递给表单。

任何帮助?

2 个答案:

答案 0 :(得分:35)

您可以通过按住Ctrl键单击多值选择列表中的选项来取消选择。

答案 1 :(得分:0)

您可以使用JS对象记住行的状态,然后单击select(JQuery)上的操作。

$(document).ready(function () {

       var string="<table>";
        for (var i = 0; i <= 3; i++) 
        { 
           string += "what you need";
        }
        string +="</table>"
        $('#li22').append(string);
    });