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, время: 02:39. |