我想弄清楚如何从选项列表中选择多个项目。目前,我有一个jQuery,用于选择包含一定数字的项目。例如,如果您看下面的屏幕截图,我只选择了数字为“ 03”的那些选项。
我用来执行此操作的脚本是:
$('#formfields option[title*="(##)"]').attr('selected', 'selected');
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有所不同。这是我尝试使用的列表的屏幕截图。
我希望能够执行与上述类似的操作。这些列表中有数百个选项,我只需要将某些项目移至“当前选定”窗口即可。例如,我可以编写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);