在做JSP页面时,遇到这方面的问题。情形是radio控制另一个控件的显示与隐藏。
用document.getElementById("xxx").style.visibility="hidden" , document.getElementById("xxx").style.visibility="visible"
和 document.getElementById("xxx").style.display="none" , document.getElementById("xxx").style.visibility=""
前者是那块资源仍被占用,但是把其隐藏了,后面是空白
后者是那块资源被释放,后面的往前串。
但是后来又遇见一个问题,当隐藏时,那背景颜色(在“类型”那块)发生变化,也就是说不在同一个class状态下了,采取的法子是用
document.getElementById("xxx").innerHTML=""
手动赋值 或者 为空 。至于下拉框还是选择用visibility="hidden"
<td class="bgcolor4">选择是否:</td>
<td class="bgcolor3a" style="text-align:left;" width="240">
<html:radio property="xxx" οnclick="radiochange()" value="1">是</html:radio>
<html:radio property="xxx" οnclick="radiochange()" value="2">否</html:radio>
<font color="red">*</font>
<td class="bgcolor4" id="FlagId" width="100" >类型:</td>
<td class="bgcolor3a" style="text-align:left;" width="274">
<html:select property="xxx" style="width:95%" >
<html:option value="">请选择...</html:option>
<html:option value="1">藏族</html:option>
<html:option value="2">维吾尔族</html:option>
<html:option value="3">回族</html:option>
<html:option value="4">蒙古族</html:option>
<html:option value="5">其他</html:option>
</html:select>
</td>