Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   jquery, formstyler vs select (https://javascript.ru/forum/jquery/54263-jquery-formstyler-vs-select.html)

hilius 11.03.2015 10:13

jquery, formstyler vs select
 
Подскажите пожалуйста как динамически изменить и текущий элемент селекта и сделать так чтоб formstyler об этом прознал и обновил его представление на странице.

Делаю так к примеру так:
$("#ID_OF_TRUE_SELECT option:last").prop("selected", true);

Само значение селекта меняется. Но на странице показывается старое значение.

Пытался добавить это:
$('#ID_OF_TRUE_SELECT').trigger('refresh');

не помогает.
Похоже я что-то делаю не правильно?!
Спасибо.

laimas 11.03.2015 10:31

Само значение селекта меняется. Но на странице показывается старое значение.

Это что означает и чего хотите, После prop("selected", true), значение списка будет отражать указанное, то есть новое, а не старое. Нужно чтобы этот выбор после обновления страницы отображался?

рони 11.03.2015 10:57

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>

hilius 11.03.2015 12:44

Спасибо. Вы меня убедили что я все делал правильно и поэтому начал копать дальше. Оказалось первые разработчики были не последовательны и использовали selectmenu для селектов.


Часовой пояс GMT +3, время: 15:55.