代码之家  ›  专栏  ›  技术社区  ›  Alex Pliutau

在“选择”中选择所有选项

  •  2
  • Alex Pliutau  · 技术社区  · 14 年前

    我有多重选择。怎样才能使,所有的选项都会被选中呢?或者如何选择所有选项提交。我只有select类(不是ID)。

    3 回复  |  直到 14 年前
        1
  •  7
  •   Ben    14 年前

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

    为了避免 .each() 循环。

        2
  •  1
  •   Sidharth Panwar    14 年前

    这里对Kitsched的代码做了一点修改,以确保在只有类而没有id的情况下可以选择button/select控件。

    <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>
    

    希望这就是你要找的。

        3
  •  0
  •   janosrusiczki    14 年前

    我不能百分之百肯定这就是你想要的,但事实是:

    <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!"/>
    

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

    祝你好运。