當選擇第一個選項時顯示另一個選擇

我想在第一個選項中選擇一個選項時顯示第二個選擇。我如何使用jQuery來做到這一點？當選擇第一個選項時顯示另一個選擇

這是我的代碼：

CSS：

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

HTML：

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，將顯示第二個選擇，但我無法顯示它。我只知道基礎知識，但我不知道如何做到這一點。

來源

2013-09-25 user1868185

如果他們選擇第二個選項，或第三個或第四個選項會發生什麼？ – Archer

對不起，只是更新它。它應該只顯示另一個div或其他東西T_T只是試圖找出對不起，只是一個初學jquery – user1868185

請檢查我編輯我的答案acc。滿足您的要求。您需要設置該分區的可見性或選擇以摺疊Ist選擇的變化。 –

試試這個：

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

來源

2013-09-25 11:04:47

試試這個

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

希望這有助於你。

來源

2013-09-25 11:08:51

當選擇第一個選項時顯示另一個選擇

回答

相關問題