jsp如何在下拉列表选定选项后，列表下方自动显现出一个文本框
<trheight="22"><tdalign=right>状 态：</td><tdalign=left><selectna...
<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，具体怎么写） 展开
<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，具体怎么写） 展开
3个回答
展开全部
用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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
2016-01-22 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI＆UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
关注
![]()
展开全部
jsp中可以用select标签选中列表，然后触发onchange事件来创建一个文本框或者显示隐藏的文本框。
举例说明：
<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>
举例说明：
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script type="text/javascript">
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>
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>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
