2014-09-09 3 views
0

У меня проблема. У меня есть опция выбора в HTMLНажмите на элемент select html

<div id="eilig"> 
      <select id="eiligselect" data-role="slider"> 
       <option value="2" selected="selected">n. Eilig</option> 
       <option value="1">Eilig</option> 
      </select> 
</div> 

На странице по умолчанию выбрано «n. Eilig». После того, как я сделал запрос на отправку ajax (с выбранным «Eilig»), опция выбора должна вернуться к умолчанию («n. Eilig»)

Я пробовал это с $('#eiligselect').val(2);, но это только изменит значение обратно, но выберите опция показывает «Eilig» (но внутреннее значение «n. Eilig».

Этот выбор - это «ползунок» роли данных, который эмулирует переключатель включения/выключения, как в ios. Так что я думаю, что мне нужно щелкнуть что слайдер с JavaScript, чтобы изменить его обратно, вместо того, чтобы просто изменить значение.

у вас есть ключ? Спасибо.

+2

можно получить дополнительную информацию с помощью jsfiddle –

+0

jsfiddle не показывает переключатель. С нормальным полем опций '$ ('# eiligselect'). Val (2);' работает хорошо. –

ответ

1

Попробуйте это: положить selected атрибут для варианта с value="2"

$('#eiligselect option[value="2"]').attr('selected',true); 
+0

Без изменений. Опция со значением 2 выбрана, но слайдер показывает вариант 1. –

+0

См. [Это] (http://jsfiddle.net/opoocgrw/12/), здесь по умолчанию выбрано 2, но я выбираю 1. Проверьте, нет ли какой-либо ошибки в консоли , –

+0

Пожалуйста, поставьте выше сценарий в 'document.ready' и попробуйте. –

0

Bind событие на изменение для ползунком выберите изменение значения,

$('#eiligselect').on('change', function() { 
     var activeLabel = $('span.ui-slider-label'); 
     var mySlider  = $(this); 
     var new2  = 'n. Eilig'; 
     var new1  = 'Eilig'; 
    if(mySlider.val() == 1) { 
     activeLabel.text(new2); 
    } else { 
     activeLabel.text(new1);   
    } 

    mySlider.slider('refresh'); // .trigger('create') 
}); 
0

Этот код может помочь вам решить вашу проблему,

var eiligselect = $("#eiligselect")[0]; 
eiligselect.seletedIndex = 0; 
Смежные вопросы