JaveScript Select 由选项文本组成的下拉列表

Question

是否可以使用控制台（JavaScript）中选项的显示文本 select 下拉列表？

在我的工作场所，我需要每天填写一张 web 表格。 但是选项太多加载不出来，所以希望用Chrome控制台来select这个选项而不是用鼠标点击。

目前，我可以使用 Value 到 select 选项，但是当我尝试使用文本时，它失败了。 我使用的 HTML 样品和 JavaScript 如下。 有人可以帮忙吗？

Success - document.querySelector("#sel").value = 123
Fails - document.querySelector("#sel").text = "Product A"

<select>
<option value="123"> Product A </option>
<option value="243"> Product B </option>
<option value="212"> Product C </option>
<option value="466"> Product D </option>
</select>

Answer 1

Array.from(document.querySelectorAll('option')).find(el => el.textContent === 'Product A');

Answer 2

真的很抱歉这个令人困惑的例子。 在尝试了很多解决方案后，最终的编码如下：

var txt = prompt();
for (i = 0; i < document.querySelector("#sel").options.length; i++) {
    if(document.querySelector("#sel").options[i].text == txt){
        document.querySelector("#sel").options[i].selected = true;
        break;
    }
}

使用这些代码，用户可以通过输入产品名称而不是用鼠标单击下拉列表并崩溃浏览器来选择select的特定选项。