我有一個CSS選擇器值：
.ng-touched > div:nth-child(1) > div:nth-child(1) > div:nth-child(2 ) > input:nth-child(1)
我正在嘗試使用document.querySelectorAll來查找這個CSS選擇器，它有一個下拉式選單，並選擇文字為“APPLE”的選項。它是下拉式選單中的第二個選項。 為此，我正在使用以下程式碼，但運行程式碼後，選項“APPLE”沒有被選中：
document.querySelectorAll(".ng-touched > div:nth-child(1) > div:nth-child(1) > div :nth-child(2) > input:nth-child(1)") .forEach(o => { o.value = "APPLE"; }); 請指導我出了什麼問題，以及應該對程式碼進行哪些必要的更改。提前謝謝。
您的HTML結構對我來說似乎有問題。一個
input元素不包含options；select元素才包含。我的程式碼片段向您展示如何以程式設計方式將select下拉式選單的值指派給第二個選項，即APPLE。它也使用了您現有的結構（根據您的查詢派生），但是最後一個元素不再使用
input，而是使用select，因為從語義上講，input與options不符合邏輯。所以，如果我的解釋有誤，我的解決方案可能無法準確回答您的問題。但是我希望它仍然可以引導您朝著正確的方向發展。const select = document.querySelector(".ng-touched > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > select:nth-child(1)") // setTimeout used to visualize how GOOGLE changes to APPLE. setTimeout(() => { // You can access the options of the select with .options. // Then you can programatically set the selected value by index. select.options.selectedIndex = 1 }, 2000)