如何在同一个位置显示不同的内容？

我的想法是，如果select1的value是1，就显示text框，如果select1的value是2，就显示一个select框，要求text框和select框，在同一个位置，我现在是这么写的。

1<div id="div3">
2<input name="paid1" readonly="" type="text" value="&lt;?echo $usr;?&gt;"/></div>

1<div id="div4" style="visibility:hidden">
2<select name="paid" size="1">   
3echo "<option selected="" value="">请选择";   
4for ($j=0;$j&lt;$i;$j++)   
5{   
6echo "<option value="$pmoney_code[$j]">$pmoney_chn[$j]</option>\n";   
7}   
8?&gt;   
9</option></select></div>

但是这样，始终是text框在上面，select框在下面，而不是在同一个位置
---------------------------------------------------------------

style="display:none"
---------------------------------------------------------------

display版本：CSS1/CSS2 兼容性：IE4+ NS4+ 继承性：无

语法：

display : block ¦ none ¦ inline ¦ compact ¦ marker ¦ inline-table ¦ list-item ¦ run-in ¦ table &brvbartable-caption ¦ table-cell ¦ table-column ¦ table-column-group ¦ table-footer-group ¦ table-header-group ¦ table-row ¦ table-row-group

参数：

block : CSS1 块对象的默认值。用该值为对象之后添加新行
none : CSS1 隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间
inline : CSS1 内联对象的默认值。用该值将从对象中删除行
compact : CSS2 分配对象为块对象或基于内容之上的内联对象
marker : CSS2 指定内容在容器对象之前或之后。要使用此参数，对象必须和:after及:before 伪元素一起使用
inline-table : CSS2 将表格显示为无前后换行的内联对象或内联容器
list-item : CSS1 将块对象指定为列表项目。并可以添加可选项目标志
run-in : CSS2 分配对象为块对象或基于内容之上的内联对象
table : CSS2 将对象作为块元素级的表格显示
table-caption : CSS2 将对象作为表格标题显示
table-cell : CSS2 将对象作为表格单元格显示
table-column : CSS2 将对象作为表格列显示
table-column-group : CSS2 将对象作为表格列组显示
table-header-group : CSS2 将对象作为表格标题组显示
table-footer-group : CSS2 将对象作为表格脚注组显示
table-row : CSS2 将对象作为表格行显示
table-row-group : CSS2 将对象作为表格行组显示

说明：

设置或检索对象是否及如何显示。
目前 IE5.5仅支持以上CSS1的参数。