Изменить опцию формы через функцию с 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"

Однако на сайте есть некоторые функции, которые изменяют остальную часть формы в зависимости от выбора пользователя.

* * 1010

Можно ли изменить опцию с помощью функции (используя jQuery или JS)? Таким образом, вызывая функцию, ожидающую изменения #foo?

Answer 1

Вы можете использовать метод .val():

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

, который будет предварительно выбирать элемент с помощью value="2" , а также запускать обработчик события изменения .Или с чистым JavaScript:

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

И для ручного запуска события изменения вы можете сделать это:

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

Answer 2

Установка значения НЕ вызовет событие изменения.Вы можете просто программно вызвать его, выполнив следующее.

$('#foo').trigger('change');  // this should run the change code.