Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用JS或jQuery从列表中选择多个项目_Javascript_Jquery_Html - Fatal编程技术网

Javascript 使用JS或jQuery从列表中选择多个项目

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

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

我使用的脚本是:

$('#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;而且效果很好。干杯,非常感谢!