Javascript 根据文本选择一个选择选项

如果可能的话，我需要用现代DOM

这是代码

<select name="skuAndSize" id="skuAndSize" class="ncss-btn fs16-sm ncss-base pb3-sm prl5-sm pt3-sm css-1rsed2n">
  <option value="" disabled="">Select Size</option>
  <option value="22348626:7" disabled="">US 7</option>
  <option value="22348625:7.5" disabled="">US 7.5</option>
  <option value="22348624:8" disabled="">US 8</option>
  <option value="22348621:8.5" disabled="">US 8.5</option>
  <option value="22348619:9" disabled="">US 9</option>
  <option value="22348623:9.5">US 9.5</option>
  <option value="22348618:10">US 10</option>
  <option value="22348622:10.5">US 10.5</option>
  <option value="22348635:11">US 11</option>
  <option value="22348634:11.5" disabled="">US 11.5</option>
  <option value="22348633:12">US 12</option>
  <option value="22348632:12.5" disabled="">US 12.5</option>
  <option value="22348631:13">US 13</option>
  <option value="22348630:14" disabled="">US 14</option>
  <option value="22348629:15" disabled="">US 15</option>
</select>

请帮助，我在现代dom中需要这个，因为我在Swift evaluateJavaScript中使用它。

快速回答 可以通过设置属性值来设置选择的值：

看

完整示例 常数测试=[4，'三'，2，'一']； 设i=0； window.setInterval=>{ 常量值=测试[i++%tests.length]； document.querySelector'select'。value=value； document.querySelector'p'.textContent=`编程设置\'${value}\''type:${typeof value}`； }, 2000; - 一 二 三 您可以使用的文本属性并将其与想要的值进行比较

var val='美国10.5'， 选项=document.querySelector'skuAndSize'。选项， wantedOption=Array.fromoptions.findo=>o.text==val； 如果想要选择{ wantedOption.selected=true； } 选择大小 美国7 美国7.5 美国8 美国8.5 美国9 美国9.5 美国10 美国10.5 美国11 美国11.5 美国12 美国12.5 美国13 美国14 美国15

---

这是满足您需求的jquery版本

$'skuAndSize'.changefunction{ var text1='美国10.5'； $skuAndSize选项.filterfunction{ 返回$this.text==text1； }.prop'selected'，true； } 选择大小 美国7 美国7.5 美国8 美国8.5 美国9 美国9.5 美国10 美国10.5 美国11 美国11.5 美国12 美国12.5 美国13 美国14 美国15

---

您可以使用javascript设置selectedIndex

const val=‘US 10.5’； const skuAndSize=document.getElementById'skuAndSize'； skuAndSize.selectedIndex=[…skuAndSize.options].findIndex option=>option.text==val； 选择大小 美国7 美国7.5 美国8 美国8.5 美国9 美国9.5 美国10 美国10.5 美国11 美国11.5 美国12 美国12.5 美国13 美国14 美国15

var val = 'US 10.5';    
document.querySelector('#skuAndSize [value="' + val + '"]').selected = true;

document.querySelector('#skuAndSize').value = '22348622:10.5';