通过JS或jQuery的函数更改表单选项？

Question

我正在开发一个基于表单的网站.

<select name="foo" id="foo">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

我需要允许用户根据以前的选择保存选项.

我的第一次尝试是将以下HTML(带有php)添加到用户选择的选项中.

selected="selected"

但是,该站点具有一些功能,可根据用户的选择更改表单的其余部分.

$('#foo').change(function(event) {
....
}

是否可以通过函数(使用jQuery或JS)更改选项？从而触发等待#foo改变的功能？

Answer 1

你可以使用这个.val()方法:

$('#foo').val('2');

这将预先包含元素,value="2" 并触发更改事件处理程序.或者使用纯javascript:

document.getElementById('foo').value = '2';

要手动触发更改事件,您可以执行以下操作:

$('#foo').change();