나는 두 개의 선택 상자가

동기화 2 선택 박스 : 하나 개의 박스가 변경되면나는 두 개의 선택 상자가

<select name="county" id="countyselect"> 
<option value="Dixie">Dixie</option> 
<option value="Hernando">Hernando</option> 
<option value="Holmes">Holmes</option> 
<option value="Jackson">Jackson</option> 
<option value="Liberty">Liberty</option> 
<option value="Putnam">Putnam</option> 
</select> 
<select name="site" id="siteselect"> 
<option value="Florahome">Florahome</option> 
<option value="Green Swamp">Green Swamp</option> 
<option value="NE Jackson County">NE Jackson County</option> 
<option value="N Holmes County">N Holmes County</option> 
<option value="S Liberty County">S Liberty County</option> 
<option value="Suwannee">Suwannee</option> 
</select>

이 다른 요구 딕시가 "군"에서 선택 즉, 경우 (해당 인덱스에 변경을 Florahome를 선택해야합니다 사이트에"). 내 시도 jQuery를 사용하여 아래에 있지만 작동하지 않는 것.

$('select#countyselect').change(function() { 
    var countySelector = $('select#countyselect').attr("selectedIndex"); 
    $('select#siteselect').attr('selectedIndex', countySelector); 
}); 
$('select#siteselect').change(function() { 
    var siteSelector = $('select#siteselect').attr("selectedIndex"); 
    $('select#countyselect').attr('selectedIndex', siteSelector); 
});

아이디어가 있으십니까?

출처

2013-08-07 Geoff Ellerby

prop이 아니라 attr이 필요합니다. 뭔가 같은 : http://codepen.io/paulroub/pen/phmaJ

출처

2013-08-07 20:43:19

감사 폴 : 여기에 행동에

function matchUp(selected, toselect) { var idx = selected.prop('selectedIndex'); toselect.prop('selectedIndex', idx); } $('#countyselect').change( function() { matchUp($('#countyselect'), $('#siteselect')); } ); $('#siteselect').change( function() { matchUp($('#siteselect'), $('#countyselect')); } );

! 매력처럼 일했습니다. –

나는 두 개의 선택 상자가

답변

관련 문제