【问题标题】:Select all options in select选择select中的所有选项
【发布时间】:2011-04-08 16:45:01
【问题描述】:

我有多项选择。怎样才能使所有选项始终被选中?或者如何选择提交所有选项。我只有选择类(不是 ID)。

【问题讨论】:

  • 通过将“selected”属性添加到所有选项?

标签: php javascript jquery select


【解决方案1】:

我认为您甚至可以像这样编写替换行:

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

避免.each() 循环。

【讨论】:

    【解决方案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。

    希望这是您正在寻找的。​​p>

    【讨论】:

      【解决方案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");
        });
      });
      

      未经测试。

      祝你好运。

      【讨论】:

      • 我需要让它充满活力。
      • 您的问题应该更具体。
      猜你喜欢
      • 1970-01-01
      • 2018-05-18
      • 1970-01-01
      • 2020-01-02
      • 1970-01-01
      • 1970-01-01
      • 2015-09-02
      • 1970-01-01
      • 2019-02-05
      相关资源
      最近更新 更多