无法在组合框下面显示输入框

时间:2013-12-13 21:33:52

标签: html

我有一个组合框,然后是隐藏在其下面的另一个组合框。我想在下面显示一个输入框,但它显示在下面的唯一方式是当我显示隐藏的组合框时。

<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'>

2 个答案:

答案 0 :(得分:2)

默认情况下,输入元素是内联的。将其更改为阻止。

input {
    display:block;
}

<强> jsFiddle example

答案 1 :(得分:0)

您需要将显示方法更改为阻止输入框:

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

Example