Question

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

我尝试了各种不同的代码来模拟特定选项的鼠标点击选择，但是，虽然我可以选择该选项，但它仍然没有正确触发事件以在下面引发AJAX调用选择。就我而言：

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

从我读过的所有内容中，应该设置选项值并触发更改事件，就像单击选项一样。不过，这不起作用。谢谢！

Answer 1

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

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

Answer 2

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

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

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