JSまたはjQueryを使用して複数の項目をリストから選択する

Question

乾杯！

オプション一覧から複数の項目を選択する方法を知りたいと思います。現在、特定の番号を含む項目を選択するために使用する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は少し異なります。ここで私が扱おうとしているリストのスクリーンショットです。

私は、上記と同様の何かをできるようにしたいと思います。これらのリストには何百ものオプションがあり、特定のアイテムを '現在選択されている'ウィンドウに移動するだけで済みます。たとえば、InfoCard Employee、InfoCard File Name、InfoCard Owner ...というような項目だけを選択するjQueryやJSを書くことはできますか？

問題は、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> 

Answer 1

あなたは、そのテキスト特定のテキストが含まれる要素を検索するための:containsセレクタを使用することができます。

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

Answer 2

ここでは、文字列を含むすべての項目を選択するために使用することができる機能です。

とフィドル：https://jsfiddle.net/TimothyKanski/8toya4h1/

function selectOptionsByNameContains(elementId, str){ 

    var ele = document.getElementById(elementId); 
    var n = ele.options.length; 
    for(var i = 0; i < n; i++){ 
    var text = ele.options[i].innerHTML 
    console.log({text:text,str:str}); 
    if(text.includes(str)){ 
     $("#" + elementId).children().eq(i).attr('selected', true); 
    } 
    } 

}