簡體   English   中英

JaveScript Select 由選項文本組成的下拉列表

[英]JaveScript Select the dropdown list by the text of options

是否可以使用控制台(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>

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

真的很抱歉這個令人困惑的例子。 在嘗試了很多解決方案后,最終的編碼如下:

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的特定選項。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM