一个棘手的问题: 怎么能隐藏文本框?

Question

document.all["bname"].style.display='none';

Answer 1

以上是隐藏，显示
document.all["bname"].style.display='';

Answer 2

<script language="javascript">
function  change(obj_v){
if(obj_v=="CPU"){
document.getElementById('bname').value="CPU:";
document.getElementById('pName').style.display='block';
}
else{
document.getElementById('bname').value='';
document.getElementById('pName').value='';
document.getElementById('pName').style.display='none';
}
}</script>
<form action="...">

<select name="type" onchange="change(this.value)">
<option value="">请选择</option>
<option value="CPU">CPU</option>
<option value="DISK">磁盘</option>
</select>
<table>
<tr>
<td height="30" align="right"  >
<input name='bname' type='text' align='right' size='12' value='' readonly>
</td>
<td height="30" align="left"  valign="middle">
<input name='pName' type='text' value=""  >
</td>
</tr>
</table>
</form>

Answer 3

.style.display='none';
会引起实际大小位置的变化.style.visibility = "hidden";
.style.visibility = 'visible';
两个不会,看实际应用要求吧

Answer 4

谢谢你们的意见，我也成功了实现了。非常感谢！但随之而来还有一个问题，想再进一步探讨一下：我想这样实现，一开启动这个页面的时候，pName文本框是隐藏的，在我改变选择框的时候再选择‘cpu’时，再把pName，bname显现出来，这个能实现吗？

Answer 5

<script language="javascript">
function  change(obj_v){
if(obj_v=="CPU"){
document.getElementById('bname').value="CPU:";
document.getElementById('pName').style.display='block';
document.getElementById('bname').style.display='block';
}
else{
document.getElementById('bname').value='';
document.getElementById('pName').value='';
document.getElementById('pName').style.display='none';
}
}</script>
<form action="..."><select name="type" onchange="change(this.value)">
<option value="">请选择</option>
<option value="CPU">CPU</option>
<option value="DISK">磁盘</option>
</select>
<table>
<tr>
<td height="30" align="right"  >
<input name='bname' type='text' align='right' size='12' value='' readonly style="display:none">
</td>
<td height="30" align="left"  valign="middle">
<input name='pName' type='text' value=""style="display:none">
</td>
</tr>
</table>
</form>