Ich habe einen CSS-Selektorwert:
.ng-touched > div:nth-child(1) > ) > input:nth-child(1)
Ich versuche, document.querySelectorAll zu verwenden, um diesen CSS-Selektor mit einem Dropdown-Menü zu finden, und wähle die Option mit dem Text „APPLE“ aus. Dies ist die zweite Option im Dropdown-Menü. Dazu verwende ich den folgenden Code, aber nach der Ausführung des Codes ist die Option „APPLE“ nicht ausgewählt:
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"; }); Bitte erklären Sie mir, was falsch läuft und welche notwendigen Änderungen am Code vorgenommen werden sollten. Vielen Dank im Voraus.
您的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)