Javascript 使用JS或jQuery从列表中选择多个项目
我想知道如何从选项列表中选择多个项目。目前,我有一个jQuery用于选择包含特定数字的项。例如,如果你看下面的屏幕截图,我只选择了那些编号为“03”的选项 我使用的脚本是:Javascript 使用JS或jQuery从列表中选择多个项目,javascript,jquery,html,Javascript,Jquery,Html,我想知道如何从选项列表中选择多个项目。目前,我有一个jQuery用于选择包含特定数字的项。例如,如果你看下面的屏幕截图,我只选择了那些编号为“03”的选项 我使用的脚本是: $('#formfields option[title*="(##)"]').attr('selected', 'selected'); HTML选择和选项如下所示: <select id="formfields" name="formfields" divclass="" optionsonly="false" s
$('#formfields option[title*="(##)"]').attr('selected', 'selected');
HTML选择和选项如下所示:
<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选择和选项有点不同。下面是我正在尝试处理的列表的屏幕截图
我希望能够做类似于上述的事情。其中一些列表中有数百个选项,我只需要将某些项目移到“当前选定”窗口。例如,我可以编写一个jQuery或JS来只选择那些显示InfoCard雇员、InfoCard文件名、InfoCard所有者的项目吗。。。等等
问题是HTML选择和选项在元素的可访问性方面不是很慷慨
这是我目前必须使用的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);
可以使用:contains选择器搜索其文本包含特定文本的元素
$("#leftSelect option:contains(InfoCard Employee)").prop('selected', true);
这里有一个函数,可以用来选择包含字符串的所有项目 还有小提琴:
这里有一个函数,可以用来选择包含字符串的所有项目 还有小提琴:
似乎是一件很容易修复的事情。如果您不介意用它创建一个JSFIDLE,我很乐意为您修复或修改它,您可以执行类似$'option'.filteri,el=>/InfoCard Author | Employee | File Name$/.testel.innerText.prop'selected',trueE的操作。Sundin,稍加调整,这一切都很完美!干杯,非常感谢!似乎是一件很容易修复的事情。如果您不介意用它创建一个JSFIDLE,我很乐意为您修复或修改它,您可以执行类似$'option'.filteri,el=>/InfoCard Author | Employee | File Name$/.testel.innerText.prop'selected',trueE的操作。Sundin,稍加调整,这一切都很完美!干杯,非常感谢!我想他不是在问如何移动这些物品。如何根据标签内容选择物品。@TimothyKanski谢谢,我现在明白了。我已经更新了我的答案以使用jQuery:contains选择器。我还将其调整为:$'select[name=parentList]选项:containsInfoCard数据集-InfoCard Employee'.prop'selected',true;而且效果很好。干杯,非常感谢!我想他不是在问如何移动这些物品。如何根据标签内容选择物品。@TimothyKanski谢谢,我现在明白了。我已经更新了我的答案以使用jQuery:contains选择器。我还将其调整为:$'select[name=parentList]选项:containsInfoCard数据集-InfoCard Employee'.prop'selected',true;而且效果很好。干杯,非常感谢!