我想弄清楚如何从选项列表中选择多个项目。目前,我有一个jQuery,用于选择包含一定数字的项目。例如,如果您看下面的屏幕截图,我只选择了数字为“ 03”的那些选项。

我用来执行此操作的脚本是:

$('#formfields option[title*="(##)"]').attr('selected', 'selected');


javascript - 使用JS或jQuery从列表中选择多个项目-LMLPHP

HTML SELECT和OPTION如下所示:

<select id="formfields" name="formfields" divclass="" optionsonly="false" size="10" fromselect="false" class="mcdropDown"
title="Form Fields" multiple="" required="" aria-required="true">
<option value="2O5W6XNX5ZCSDLW6GK" title="Completion Documentation - mastercontrol.links.Completion (01)">Completion Documentation - mastercontrol.links.Completion (01)</option>


显然,还有更多的选择。

现在,我有一个类似的列表,但是HTML SELECTS和OPTIONS有所不同。这是我尝试使用的列表的屏幕截图。

javascript - 使用JS或jQuery从列表中选择多个项目-LMLPHP

我希望能够执行与上述类似的操作。这些列表中有数百个选项,我只需要将某些项目移至“当前选定”窗口即可。例如,我可以编写jQuery或JS来仅选择表示InfoCard Employee,InfoCard文件名,InfoCard Owner ...等的那些项吗?

问题是HTML SELECTS和OPTIONS在元素的可访问性方面不是很慷慨。

这是我目前必须使用的HTML。

<select name="parentList" size="8" multiple="" style="height:200px;font-size:11px;" ondblclick="MoveAcross(document.OrderForm['parentList'],document.OrderForm['updownlist']);">
<option value="O.247"> InfoCard Dataset- InfoCard Author</option>

最佳答案

您可以使用:contains选择器搜索其文本包括某些文本的元素。

$("#leftSelect option:contains(InfoCard Employee)").prop('selected', true);

10-05 20:54
查看更多