сбросить окно выбора графически

Question

Используя jquery mobile, я пытаюсь сбросить форму

Я использую следующее:

$('form').prop('selectedIndex',0);

Значение, которое отправляет селектор, сбрасывается в ноль, но изображение остается неизменным.

Answer 1

Создание и обновление: важное различие Обратите внимание, что между созданием события и методом обновления есть важное различие, которое есть у некоторых виджетов.Событие create подходит для улучшения необработанной разметки, содержащей один или несколько виджетов.Метод обновления должен использоваться в существующих (уже улучшенных) виджетах, которыми манипулировали программно и которые должны обновляться для соответствия пользовательского интерфейса.

Например, если у вас была страница, на которой вы динамически добавляли новый неупорядоченный список с помощьюАтрибут data-role=listview после создания страницы, инициирующий создание родительского элемента этого списка, превратил бы его в виджет в виде списка.Если затем программным образом добавляются другие элементы списка, вызов метода обновления списка просмотра приведет к обновлению только этих новых элементов списка до расширенного состояния и оставит существующие элементы списка без изменений.

• http://jquerymobile.com/demos/1.0.1/docs/pages/page-scripting.html

Обновление элементов формы В jQuery Mobile некоторые улучшенные элементы управления формой просто оформлены (входные данные), а другие являются пользовательскими элементами управления (выборками, ползунками), созданными и синхронизированными с собственным элементом управления.Чтобы программно обновить элемент управления формы с помощью JavaScript, сначала манипулируйте собственным элементом управления, а затем используйте метод refresh, чтобы сообщить расширенному элементу управления о необходимости обновить себя в соответствии с новым состоянием.Вот несколько примеров того, как обновить общие элементы управления формой, а затем вызвать метод обновления:

• http://jquerymobile.com/demos/1.0.1/docs/forms/docs-forms.html

Флажки:

$("input[type='checkbox']").prop("checked",true).checkboxradio("refresh");

Радио:

$("input[type='radio']").prop("checked",true).checkboxradio("refresh");

Выбор:

var myselect = $("#selectfoo");
myselect[0].selectedIndex = 3;
myselect.selectmenu("refresh");

Ползунки:

$("input[type='range']").val(60).slider("refresh");

Переключатели (они используют ползунок):

var myswitch = $("#selectbar");
myswitch[0].selectedIndex = 1;
myswitch.slider("refresh");

try:

$('form').prop('selectedIndex',0);
$('form').trigger('create');

Или, если это выпадающий список, выберите

• http://jquerymobile.com/demos/1.0.1/docs/forms/selects/methods.html

JS

$('form').prop('selectedIndex',0);
//refresh value         

$('select').selectmenu('refresh');

//refresh and force rebuild 
$('select').selectmenu('refresh', true);

Answer 2

Предполагается, что поле выбора типа:

<select name="opt1">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>

Вы можете выбрать желаемую опцию:

$("select").val("3");

Answer 3

Если у вас есть событие изменения в select ... вызовите событие change после того, как вы программно изменили индекс.