2013-09-25 3 views
0

첫 번째 옵션에서 옵션을 선택했을 때 두 번째 선택을 표시하려고합니다. jQuery를 사용하여 어떻게 할 수 있습니까? 첫 번째 옵션을 선택할 때 또 다른 선택 표시

내 코드입니다 :

CSS :

#2nd{visibility: hidden;}  
#a{visibility: hidden;} 

HTML : 나는 첫 번째 옵션 1을 선택하면이 두 번째 선택을 보여줄 것

pls select: 
<select id='1st'> 
     <option id='o1'>1</option> 
     <option id='o2'>2</option> 
     <option id='o3'>3</option> 
     <option id='o4'>4</option> 
</select> 
</br> 
<div id='a'> 
<select id='2nd'> 
     <option>a</option> 
     <option>b</option> 
     <option>c</option> 
     <option>d</option> 
</select></div> 

내가 원하는 것은 있지만, 나는 그것을 보여주는 데 어려움을 겪고있다. 나는 기초를 알고 있지만 어떻게 해야할지 모르겠다.

+1

두 번째 옵션 또는 3 번째 또는 4 번째 옵션을 선택하면 어떻게됩니까? – Archer

+0

죄송합니다. 그냥 다른 div 또는 무언가를 보여야합니다 T_T 그걸 알아 내려고 미안 그냥 jquery의 초보자 – user1868185

+0

친절하게 내가 내 대답에 acc. 귀하의 요구 사항에. 해당 Div 또는 Select의 가시성을 설정하여 Ist select의 onchange를 축소해야합니다. –

답변

0

이 시도 :

$(document).on('change','#1st',function(){ 
    $('#'+$(this).val()+'nd').show(); 
}); 
0

이 당신을하는 데 도움이

$("#1st").change(function(){ 
    $("#2nd").css('visibility','collapse'); 
}); 

희망을 봅니다.

관련 문제