jquery, formstyler vs select
Подскажите пожалуйста как динамически изменить и текущий элемент селекта и сделать так чтоб formstyler об этом прознал и обновил его представление на странице.
Делаю так к примеру так: $("#ID_OF_TRUE_SELECT option:last").prop("selected", true); Само значение селекта меняется. Но на странице показывается старое значение. Пытался добавить это: $('#ID_OF_TRUE_SELECT').trigger('refresh'); не помогает. Похоже я что-то делаю не правильно?! Спасибо. |
Само значение селекта меняется. Но на странице показывается старое значение.
Это что означает и чего хотите, После prop("selected", true), значение списка будет отражать указанное, то есть новое, а не старое. Нужно чтобы этот выбор после обновления страницы отображался? |
hilius,
всё нормально должно работать <!DOCTYPE HTML> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <link href="http://dimox.github.io/jQueryFormStyler/jquery.formstyler.css" rel="stylesheet" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="http://dimox.github.io/jQueryFormStyler/jquery.formstyler.js"></script> <script> $(function(){ $('select').styler({ selectSearch: true }); $('select option:last').prop("selected", true); $('select').trigger('refresh'); $('button').click(function(e) { e.preventDefault(); $('option:contains("Пункт 2")').prop("selected", true) $('select').trigger('refresh'); }); }); </script> </head> <body> <select> <option>-- Выберите --</option> <option>Пункт 1</option> <option>Пункт 2</option> <option disabled>Пункт 3</option> <option>Пункт 4</option> <option>Пункт 5</option> </select> <button>Установить Пункт 2</button> </body> </html> |
Спасибо. Вы меня убедили что я все делал правильно и поэтому начал копать дальше. Оказалось первые разработчики были не последовательны и использовали selectmenu для селектов.
|
Часовой пояс GMT +3, время: 15:55. |