無法將輸入框顯示在組合框下

Question

我有一個組合框，然後隱藏其下的另一個組合框。我想在下面顯示一個輸入框，但它顯示在下面的唯一方法是當我顯示隱藏的組合框。

<SELECT NAME=cbCode2 onchange = "LoadSlaveData_onChange(document.Main, this, 'FMLA_GetReasons\'010469\',1,%,\'10/21/2013\',\'10/21/2013\', NULL', document.Main.CBQUAN2,'%'); DisableDept('2');"> 
    <OPTION value='' selected >&lt;Select Type&gt;</option> 
    <OPTION value='R'>Travel</option> 
</SELECT> 

<SELECT NAME='CBQUAN2' id='CBQUAN2' style=display:none> 
    <OPTION value='' selected >&lt;Select Reason Code Test&gt;</OPTION> 
</SELECT> 

<INPUT TYPE='TEXT' disabled='disabled' NAME='cbDept2' ID='cbDept2' VALUE=' ' SIZE='8' MAXLENGTH='10'> 

Answer 1

您需要改變顯示方法以阻止對該輸入框：

<INPUT TYPE='TEXT' disabled='disabled' NAME='cbDept2' ID='cbDept2' VALUE=' ' 
SIZE='8' MAXLENGTH='10' style = "display: block"> 

Example

Answer 2

輸入元素默認爲內聯。改爲將其改爲阻塞。

input { 
    display:block; 
} 

jsFiddle example