当前位置：文江博客话题详情

选择select中的所有选项

发布于 2024-09-17 20:12:11 字数 63 浏览 7 评论 0原文

我有多项选择。如何才能使所有选项始终被选中？或者如何选择所有选项来提交。我只有 select 类（不是 ID）。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

随风而去 2024-09-24 20:12:11

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

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

以避免 .each() 循环。

I think you can even write your replacement line like this:

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

to avoid the .each() loop.

回复收藏 0 原文

夏尔 2024-09-24 20:12:11

这里对 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。

希望这就是您正在寻找的。

Here's a slight modific to Kitsched's code to ensure that you're able to select the button/select control if you only have the class and not the 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>

If you've IDs for either button or select just replace the . with # in script. For e.g. if button's id is clickme instead of class just use #clickme instead of .clickme.

Hope this is what you're looking for.

回复收藏 0 原文

轻拂→两袖风尘 2024-09-24 20:12:11

我不是 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");
  });
});

未经测试。

祝你好运。

I'm not 100% sure that this is what you're asking for, but here it goes:

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

For the dynamic option (with jQuery):

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

Untested.

Good luck.

回复收藏 0 原文

~没有更多了~

关于作者

旧伤还要旧人安

暂无简介

0 文章

0 评论

22 人气

关注发私信

qq_E2Iff7

文章 0 评论 0

关注

Archangel

文章 0 评论 0

关注

freedog

文章 0 评论 0

关注

Hunk

文章 0 评论 0

关注

18819270189

文章 0 评论 0

关注

wenkai

文章 0 评论 0

友情链接

文江博客

选择select中的所有选项

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（3）

关于作者

相关话题

热门标签

推荐作者

qq_E2Iff7

Archangel

freedog

Hunk

18819270189

wenkai

友情链接

选择select中的所有选项

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（3）

关于作者

相关话题

热门标签

推荐作者

qq_E2Iff7

Archangel

freedog

Hunk

18819270189

wenkai

友情链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。