Javascript 如何在jQuery中选择一个select选项，就好像它是用鼠标单击的一样？

我正在构建一个搜索工具，其中包含各种选择下拉列表，通过AJAX填充选项。填充的可能选项基于在前面的“选择”下拉列表中选择的选项。为了使用此工具，我希望隐藏第一个选择框，但仍然需要在该框中选择一个选项，以便它触发对下一个框的AJAX调用，这应该是“onchange”事件的结果

我尝试了各种不同的代码来模拟特定选项的鼠标单击选择，但是，虽然我可以选择该选项，但它仍然无法正确触发事件以在下面的选择中启动AJAX调用。就我所知：

jQuery('#form select').first().val('the-value').trigger('click').trigger('change');

---

从我读到的所有内容来看，这应该设置选项值并触发更改事件，就像单击选项一样。不过，这是行不通的。谢谢

设置给定选项的selected属性，然后触发更改，而不是设置select的值

$("option[value='the-value']").prop('selected', true);
$("#form select:first").change();

与任何其他字段一样，您只需使用val（）

$("select").val("2").change();

---

我们还使用change（）调用相关事件。

您的

change

函数是否在该调用之上？@CarlMarkham我认为这是一个问题，因为change函数是在插件中单独调用的，该插件必须在我编辑的脚本文件之后运行。。我一整天都在努力解决这个问题——非常感谢你的帮助！我认为这很接近，但这仍然不允许我对随后的选择产生影响，就像我单击了它一样。下面是一个非常基本的例子，说明我正在尝试做什么（[link]）。我希望设置初始选择，并作为第一个选择值改变的条件，同时触发第二个值切换到5。这有意义吗@LoenixOh，我明白了-根据上面Cark Markham的注释-我没有上面的change函数调用（因为它实际上是在一个单独的名为via php的插件文件中调用的。我现在就知道了-谢谢你的帮助！@Leonix