Как изменить визуализированный выбранный параметр в окне выбора с помощью jquery

Question

Я пробовал много способов выбрать опцию с помощью jquery, включая .val("0") .attr('selected', 'selected') и .attr('selected', 'true') и TexoTela plugin . Кажется, все они обновляют html, но браузер по-прежнему показывает последний элемент, выбранный пользователем.

Попробуйте эту скрипку ... Выберите раскрывающееся значение 1, а затем нажмите ссылку.

Есть ли способ действительно обновить отображаемое значение?

Answer 1

Вы имеете в виду изменить какой элемент выбран?

$('select').val('0');

Есть и другие способы, но это основной, следуя вашему примеру.

jsfiddle

Вы можете прочитать документацию для .val() здесь и фрагмент:

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

РЕДАКТИРОВАТЬ для jQuery Mobile

Для jQuery Mobile также необходимо обновить список, указанный в документах для мобильных устройств :

Если вы управляете выбором через JavaScript, вы должны вызвать обновление метод для обновления визуального моделирование.

Вы можете сделать это:

$('select').selectmenu("refresh",true);

Answer 2

По-прежнему используйте .val("0") для установки значения, а для обновления в браузере необходимо использовать одно из следующих:

.trigger("liszt:updated");

или

.trigger("chosen:updated");

Всего одинбудет работать, в зависимости от того, как вы создадите ваш выбор.

Это будет примерно так:

$("#Your_select").val('0');
$("#Your_select").trigger("liszt:updated");

Answer 3

Вы устанавливаете значение параметра на ноль.

Установите параметр выбора, а не параметр val

$('select').val('0');

, и вы, вероятно, захотите использовать вместо него вместо #id просто 'выберите «селектор.