如何使用Javascript从列表中选择一个选项，以便它也触发事件

Question

我正在尝试使此处的内容自动化。我运行Javascript的网站，

当我单击<option>内的<select>元素时。该网站更改了其下另一个<select>的内容。只有当我手动选择一个选项时，这种情况才会发生。

但是当我选择使用Java脚本这样的选项时：没有内容被更改

document.getElementById("Category").selectedIndex = 8;

Answer 1

^{免责声明：没有可重复的示例，所以这是我最好的猜测。}
您正在谈论的网站可能会捕获点击事件，并使用该事件来更改选择。例如，

$("select > option").click(function(){
   //do something
   ...
});

是的，当您更改selectedIndex时，您正在选择一个新选项，但是没有发送click事件，因此不会调用上述函数。您需要检查其来源/提供更多详细信息，以更加清楚。

Answer 2

尝试

let options= document.querySelectorAll('select option')

您可以使用options[0].innerHTML

访问第一个选项的innerHTML属性。

将onChange事件添加到您使用

选择的元素中

document.querySelector('select').addEventListener('change',()=>{
alert('Changed')
})

希望有帮助

编辑-您可能还希望检查当前选择的选项并希望进行相应的更改。您可以通过

查看当前选中的选项

document.querySelector('select').value //Returns the value of selected option