변경 선택된 인덱스 예에 ..의 선택된 인덱스를 변경하는 JQuery와

Question

안녕을 필요로 사용 : 내가

<select id="selector"> 
<option>No 1</option> 
<option>No 2</option> 
</select> 
<select id="selected"> 
<option>ONE</option> 
<option>TWO</option> 
</select> 

가 지금은 $ 선택된 인덱스 변경하려는이 때 # 선택의 인덱스가 변경되었습니다. "No 2"로 변경하면 다른 콤보 박스가 "TWO"로 변경됩니다. 내가 좋을 것 초보자 질문에 대한 실례하지만, JQuery와 ^^

Answer 1

$('#selector').change(function() { 
    var idx = this.selectedIndex;   
    $("select#selected").prop('selectedIndex', idx); 
}); 

Answer 2

에 새로운 메신저 :

$('#selector').change(
    function(){ 
     var index = this.selectedIndex; 
     $('#selected option').eq(index).prop('selected',true); 
    }); 

JS Fiddle demo합니다.

참고 :

• change().
• eq().
• prop().

Answer 3

jQuery를이 불필요한 것 때문에 그냥 일반 자바 스크립트를 사용하여 :

document.getElementById('selector').onchange = function() { 
    document.getElementById('selected').selectedIndex = this.selectedIndex; 
} 

Working DEMO

Answer 4

1.7.2

$(document).on('change', '#selector', function(){ 
    var si = this.selectedIndex 
    $('#selected option').eq(si).prop('selected',true); 
});​ 

jQuery를 와 드롭 다운 목록에서 복수 선택이가 선택된 첫 번째 옵션의 인덱스를 반환 허용하는 경우

Answer 5

selectedIndex의 0

에서 시작한다.
값 "-1"은 모든 옵션을 선택 취소합니다 (있는 경우).
옵션을 선택하지 않으면 selectedIndex 속성은 -1을 반환합니다.

$('#idselect').change(function() { 
    var index = this.selectedIndex; 
    //... 
});