jsp如何在下拉列表选定选项后，列表下方自动显现出一个文本框
<tr height="22">
<td align=right >状 态：</td>
<td align=left >
<select name="STATUS" style="width:80" >
<option value="0">起 草</option>
<option value="1" >会 稿</option>
<option value="2">提交审批</option>
</select>
</td>
</tr>
在下拉列表中点击会稿这项后，这一栏下方自动出现一个文本框。上面的代码要做什么修改，下面又该怎么写（是否用到javascript，具体怎么写）
用javscript写啊~看图片！！！
<script type="text/javascript">
function onchanged(){
var id = document.getElementById("STATUS").value;
var showMsg = document.getElementById("showMeg");
if(id=='1'){
showMsg.innerHTML = "<input type='text' size='25' value='会稿'>";
}
}
</script>
<body>
<CENTER>
<select name="STATUS" id="STATUS" style="width:80" onchange="onchanged();">
<option value="0">起 草</option>
<option value="1" >会 稿</option>
<option value="2">提交审批</option>
</select>
<div id='showMeg'></div>
</CENTER>
</body>
举例说明：
<select name=sel onchange="dispText(this.options[this.options.selectedIndex].value)">
<option value="">请选择
<option value="1">Item 1
<option value="2">Item 2
<option value="3">Item 3
</select>
<script>
//显示文本框的方法：
function dispText(s)
{
var in = document.createElement("input");
in.setProperty("type","text");
body.appendChild(in);
}
</script>
<textarea id=txt></textarea>
function show(){
var v=document.getElementById("STATUS").value;
var t=document.getElementById("area");
if(v==1){
t.style.display="";
}else{
t.style.display="none";
}
}
</script>
<tr height="22">
<td align=right >状 态：</td>
<td align=left >
<select name="STATUS" id="STATUS" style="width:80" onchange="show()">
<option value="0">起 草</option>
<option value="1" >会 稿</option>
<option value="2">提交审批</option>
</select>
</td>
<td>
<div style="display: none;" id="area">
<textarea rows="" cols=""></textarea>
</div>
</td>
</tr>本回答被提问者和网友采纳
