jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 如何设置从多个选择框中选择的所有选项大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个jsp表单,其中向用户呈现多个选择框,他们可以从中选择多个选项:

<td rowspan="4" colspan="1">Team Leaders<br />
    <form:SELEct id="teamLeader" multiple="multiple" size="10" path="teamLeader"/>
</td>
<td rowspan="4" colspan="1">HODs<br />
    <form:SELEct id="teamHod" multiple="multiple" size="10" path="teamHod"/>
</td>
<td rowspan="4" colspan="1">Directors<br />
    <form:SELEct id="teamDir" multiple="multiple" size="10" path="teamDir"/>
</td>
<td rowspan="4" colspan="1">Members<br />
    <form:SELEct id="teamPersons" multiple="multiple" size="10" path="teamPersons"/>
</td>

用户单击“保存”时,我希望将所有选择框中的所有选项设置为选中状态.我可以通过对每个选择框使用一个小jQuery方法来实现这一点,如下所示:

jQuery(document).ready(function () {
    jQuery('#saveButton').click(function () {
        jQuery('#teamPersons').each(function () {
            jQuery('#teamPersons option').attr("SELEcted","SELEcted");
        });
    });
});

但问题是我必须为4个选择框中的每一个编写一个方法.有没有更简单的方法来执行此操作,即编写单个jQuery方法来设置所有选项?

解决方法

在点击时选择每个项目的最简单方法如下:

$(“SELEct [multiple] option”).prop(“SELEcted”,“SELEcted”);

示例小提琴:http://jsfiddle.net/vYzUS/

在小提琴中,我省略了按钮单击并将HTML转换为虚拟HTMl.我也(任意)添加了多重属性,因为你有任何其他你不想被选中的选择列表.将你想要在具有id的div中选择的那些包装起来可能更合适,因为它将使选择器更好地聚焦.

我也使用.prop()代替.attr() – .prop()在jQuery 1.7中引入,专门用于检索/设置属性值.

大佬总结

以上是大佬教程为你收集整理的jquery – 如何设置从多个选择框中选择的所有选项全部内容,希望文章能够帮你解决jquery – 如何设置从多个选择框中选择的所有选项所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。