select html 요소를 클릭하십시오.

문제점이 있습니다. 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"가 선택되었습니다. 아약스 게시물 요청 ("Eilig"선택)을 선택한 후 선택 옵션을 기본값 ("n. Eilig")으로 되돌려 야합니다.

$('#eiligselect').val(2);으로 시도했지만이 옵션은 값만 변경하지만 선택 사항은 변경됩니다. 옵션은 "Eilig"를 표시하지만 (내부 값은 "n. Eilig"입니다.)

이 선택 항목은 ios와 같이 켜기/끄기 스위치를 에뮬레이션하는 데이터 역할 "슬라이더"가 있습니다. 클릭해야한다고 생각합니다. 슬라이더를 사용하여 값을 변경하는 대신 자바 스크립트로 되돌릴 수 있습니다.

실마리가 있습니까? 고마워요.

출처

2014-09-09 Jan-Philipp Fischer

님이 jsfiddle로 더 많은 정보를 제공 할 수 있습니다. –

jsfiddle이 (가) 스위치를 표시하지 않습니다. 일반 옵션 필드'$ ('# eiligselect')를 사용하면 val (2);가 잘 작동합니다. –

이 시도 : 넣어 selected 옵션에 대한 속성을 value="2"

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

출처

2014-09-09 06:36:18

변경 사항이 없습니다. 값 2 인 옵션이 선택되었지만 슬라이더에 옵션 1이 표시됩니다. –

[this] (http://jsfiddle.net/opoocgrw/12/)을 참고하십시오. 기본값은 2이지만 선택은 1입니다. 콘솔 오류가 있는지 확인하십시오 . –

위의 스크립트를'document.ready'에 넣고 시도하십시오. –

바인딩과 선택 값 변경에 슬라이더 변화에 대한 이벤트를,

$('#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') 
});

출처

2014-09-09 06:53:20

이 코드는 당신이 당신의 문제를 해결하는 데 도움이 될 수 있습니다,

var eiligselect = $("#eiligselect")[0]; 
eiligselect.seletedIndex = 0;

출처

2014-09-09 07:02:38

select html 요소를 클릭하십시오.

답변

관련 문제