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

Question

请大家帮帮忙,给我看看如何做,使我只要点击下面的(fashion)下拉菜单中的aaa就在"标记处:"显示一个文本框,而点击bbb,在"标记处:"就显示两个文本框
谢谢大家了,
给各事例看看可以吗??<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">
                    <option selected value="0">aaa</option>
                    <option value="1">bbb</option>
                  </select></td>
                <td width="86" height="30" align="right">条件内容：</td>
              <td width="198" height="30"> 标记处:  <input type="text" name="keyWord"></td> 
              </tr>
            </table>

Answer 1

<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="show(this)">
<option selected value="0">aaa</option>
<option value="1">bbb</option>
</select></td>
<td width="86" height="30" align="right">条件内容：</td>
<td width="198" height="30"> 标记处: <input type="text" name="keyWord"></td>
</tr>
</table>
<script>
function show(s)
{
var obj = document.getElementById("keyWord") ;
if(s.value=="0") 
{
obj.value="显示一个文本框";
}

if(s.value == "1")
{
obj.value="显示两个文本框";
}
}
</script>

Answer 2

<td width="120" height="30"> <select name="fashion" onchange="showKeyWord(this)">
       <option selected value="0">aaa</option>
        <option value="1">bbb</option>
        </select></td>
        <td width="86" height="30" align="right">条件内容：</td>
        <td width="198" height="30"> 标记处:  <input type="text" name="keyWord">
         <input type="text" id="keyWord2" name="keyWord2" style="display:none"></td>
<script>
function showKeyWord(sel){
  document.getElementById("keyWord2").style.display = sel.value=="1"?"":"none";
}
</script>