求助：：急急急!!!文本框改变显示问题<input type="text" name="keyWord">

Question

<input type="text" id="keyWord" style="display='none'">
这么写,这个控件本身是隐藏的.
让它出现,在脚本里这么写
document.all.keyWord.style.display = ""原理如此,楼主按这个方法调整一下即可

Answer 1

<table width="696" border="0" cellspacing="0" cellpadding="0">
<tr> 
<td width="73" height="30" align="right"> <p>条件查询：</p></td>
<td width="120" height="30"> 
<select name="fashion" id="fashion"  onchange="xyz();">
                    <option selected value="0">举报人</option>
                    <option value="1">举报对象</option>
                    <option value="2">承办人</option>
                    <option value="3">举报时间</option>
</select>
</td>
<td width="86" height="30" align="right">条件内容：</td>
<td width="329" height="30" > 标记处::
<span id="aa" style="display:none;"><input type="text" name="stratDate">至--><input type="text" name="endDate"></span>
<span id="bb" style="display:none;"><input type="text" name="keyWord"></span></td>
                <td width="88" height="30" colspan="2" valign="middle"><input type="image" src="img/chax1.gif" width="77" height="21" alt=""></td>
              </tr>
            </table>
<script language=javascript >
function xyz()
{
var a=document.getElementById("fashion").value;
if(a==3)
{document.getElementById("aa").style.display='';
document.getElementById("bb").style.display='none';}
else 
{document.getElementById("bb").style.display='';
document.getElementById("aa").style.display='none';}
}
</script>

Answer 2

<table width="603" border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td width="73" height="30" align="right"> <p>&Igrave;&otilde;&frac14;&thorn;&sup2;é&Ntilde;&macr;&pound;&ordm;</p></td>
                <td width="120" height="30"> <select name="fashion" onchange="if(this.value==3){document.all.test2.style.visibility='visible';document.all.keyWord.style.visibility='hidden'}else{document.all.test2.style.visibility='hidden';document.all.keyWord.style.visibility='visible'}">
                    <option selected value="0">&frac34;&Ugrave;±¨&Egrave;&Euml;</option>
                    <option value="1">&frac34;&Ugrave;±¨&para;&Ocirc;&Iuml;ó</option>
                    <option value="2">&sup3;&ETH;°ì&Egrave;&Euml;</option>
                    <option value="3">&frac34;&Ugrave;±¨&Ecirc;±&frac14;&auml;</option>
                  </select></td>
                <td width="86" height="30" align="right">&Igrave;&otilde;&frac14;&thorn;&Auml;&Uacute;&Egrave;&Yacute;&pound;&ordm;</td>
                <td width="198" height="30" > ±ê&frac14;&Ccedil;&acute;&brvbar;::<input type="text" name="keyWord" style="visibility:hidden">
<div id='test2' style="visibility:hidden"><input type="text" name="stratDate">&Ouml;&Aacute;--><input type="text" name="endDate"></div></td>
                <td width="126" height="30" colspan="2" valign="middle"><input type="image" src="img/chax1.gif" width="77" height="21" alt=""></td>
              </tr>
            </table>

Answer 3

<table width="603" border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td width="73" height="30" align="right"> <p>条件查询：</p></td>
                <td width="120" height="30"> <select name="fashion" onchange="if(this.value==3){document.all.test2.style.visibility='visible';document.all.keyWord.style.visibility='hidden'}else{document.all.test2.style.visibility='hidden';document.all.keyWord.style.visibility='visible'}">
                    <option selected value="0">举报人</option>
                    <option value="1">举报对象</option>
                    <option value="2">承办人</option>
                    <option value="3">举报时间</option>
                  </select></td>
                <td width="86" height="30" align="right">条件内容：</td>
                <td width="198" height="30" > 标记处::<input type="text" name="keyWord" style="visibility:hidden">
<div id='test2' style="visibility:hidden"><input type="text" name="stratDate">至--><input type="text" name="endDate"></div></td>
                <td width="126" height="30" colspan="2" valign="middle"><input type="image" src="img/chax1.gif" width="77" height="21" alt=""></td>
              </tr>
            </table>

Answer 4

<table width="696" border="0" cellspacing="0" cellpadding="0">
<tr> 
<td width="73" height="30" align="right"> <p>条件查询：</p></td>
<td width="120" height="30"> 
<select name="fashion"   onchange="change(this.value);">
                    <option selected value="0">举报人</option>
                    <option value="1">举报对象</option>
                    <option value="2">承办人</option>
                    <option value="3">举报时间</option>
</select>
</td>
<td width="86" height="30" align="right">条件内容：</td>
<td width="329" height="30" id="aa"> 标记处::</td>
            </table>
<script language=javascript >
function change(a)
{
//var a=document.getElementById("fashion").value;
if(a==3){
document.getElementById("aa").innerHTML="<input type='text' name='stratDate'>至--><input type='text' name='endDate'>";
}else{
document.getElementById("aa").innerHTML="<input type=\"text\" name=\"keyWord\">";
}
}
</script>