Question

我有一个多选。如何制作，总是会选择所有选项？或者如何选择所有选项ob提交。我只有select（不是ID）类。

Answer 1

我认为您甚至可以写下这样的替换行：

$(".someClass option").attr("selected", "selected");

避免.each()循环。

Answer 2

这是对Kitsched代码的一个小修改，以确保如果你只有类而不是id，你可以选择按钮/选择控件。

<html id="html">
<body id="body">
<script src="file:\\\D:\Sidharth\javascript\jquery-1.4.2.min.js"></script>

<script type="text/javascript">
    $(document).ready(function () {

        function SelectAll() {
            $(".someClass").children().each(function () { $(this).attr("selected", "selected"); });
        }

        $(".clickme").bind("click", SelectAll);


    });
</script>
<input type="submit" class="clickme" />
<select multiple="yes" class="someClass">
<OPTION VALUE="1" id="one">Option 1</OPTION> 
<OPTION VALUE="2" id="two">Option 2</OPTION> 
<OPTION VALUE="3" id="three">Option 3</OPTION> 
<OPTION VALUE="4" id="four">Option 4</OPTION> 
</select>

</div>
</body>
</html>

如果您有任何一个按钮的ID或选择只需替换。用脚本编写。对于例如如果按钮的id是clickme而不是class，则只需使用#clickme而不是.clickme。

希望这是你正在寻找的。

Answer 3

我不是100％确定这是你所要求的，但在这里：

<SELECT MULTIPLE="yes" ID="multipleSelect">
<OPTION VALUE="1" SELECTED="selected">Option 1</OPTION>
<OPTION VALUE="2" SELECTED="selected">Option 2</OPTION>
<OPTION VALUE="3" SELECTED="selected">Option 3</OPTION>
<OPTION VALUE="4" SELECTED="selected">Option 4</OPTION>
<OPTION VALUE="5" SELECTED="selected">Option 5</OPTION>
<OPTION VALUE="6" SELECTED="selected">Option 6</OPTION>
</SELECT>

<INPUT TYPE="submit" ID="submit" value="Go!"/>

对于动态选项（使用jQuery）：

$("#submit").click(function() {  
  $("#multipleSelect option").each(function() {
    $(this).attr("selected", "selected");
  });
});

未测试。

祝你好运。

选择所有选项

3 个答案: