如何动态增加输入框，不用时为隐藏。

2004-11-16 03:53:58 1k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

8.2.点击表单控件（单选/复选/开关/下拉框），实现元素隐藏显示 1.需求 1.1.使用场景在添加编辑表单，经常会出现根据选项，动态显示和隐藏某些元素。比如添加一个网络设备，当选择通讯方式为串口时，需要填写串口号和波特率；当选择通讯方式为网卡时，需要选择IP地址和子网掩码。串口号和IP地址，不能同时出现，只能二选一。如下图所示的效果。 1.2.解决思路正常的实现思路，是将这些表单输入框都放到页面上，然后根据通讯方式，进行动态的显示和隐藏。利用框架... 阅读详情

好像是用子程序，能否给点代码参考。

...全文

vba 修改下拉列表_Excel联想式下拉菜单制作教程II ?点击关注Excel表哥公众号上期我们分享了Excel联想式下拉菜单制作教程，可以简化大家在下拉菜单过长时的数据录入工作。文章末尾给大家提出了一个问题：为什么下拉列表数据源需要先排序？今天我们继续分享一个不用对数据源排序也能实现的下拉列表制作方法。先看最终的效果动图：今日分享难度指数：★★★★☆01创建辅助列在需要设置下拉列表的工作表中创建一列辅助列，如下图所示：在辅助列F3单元格输入下... 阅读详情

gyasy

ASP 28,401 成员 356,940 内容

+ 关注 + 加入社区

切换为时间正序

gyasy 2004-11-17

打赏
举报

自己up一下。
我想还是通过选择列表插入一行表格吧，表格里还有文本框，用HTML实现。

yaniu 2004-11-17

打赏
举报

<select name="choo" onChange="showhide(this.value);">
<option value="0" >隐藏</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<br>
<TABLE ALIGN="center" width=100% border=0>
<tr>
<td><input name="1"></td>
<td><input name="2"></td>
</tr>
</table>
<span id="sam"></span>
<script language="javascript">
var i=0
function showhide(rownum) {
if (rownum>=0){
j="<TABLE ALIGN='center' width=100% border=0>";
for (i=0;i<rownum;i++) {
j=j+"<tr><td><input name='3'></td><td><input name='4'></td></tr>";
}
sam.innerHTML=j + "</table>";
}else{
sam.innerHTML="";
}
}
</script>

gyasy 2004-11-16

打赏
举报

楼上的楼上，谢谢你们的代码，是我没说清楚，我每次不是只添加一行，可能有很多行，我想用一个列表选择，据此来添加行，我觉得插入HTML的方法要简单些，但是没用过。

奇玉 2004-11-16

打赏
举报

我这样解决这个问题，我先用table，如新增一个文本框就为table新增一新行和一个新单元格，并将该单元格的innerHTML付值<input type='text'>;若该表的行中的文本框有不需要的，则直接将文本框所在的行删除就行了

yaniu 2004-11-16

打赏
举报

<button onclick="showhide()">显示/隐藏</button><br>
<TABLE ALIGN="center" width=100% border=1>
<tr>
<td><input name="1"></td>
<td><input name="2"></td>
</tr>
</table>
<span id="sam"></span>
<script language="javascript">
var i=0
function showhide() {
if (i>0) {
sam.innerHTML="<TABLE ALIGN='center' width=100% border=1><tr><td><input

name='3'></td><td><input name='4'></td></tr></table>";
i=0;
}else{
sam.innerHTML="";
i=i+1
}
}
</script>

yaniu 2004-11-16

打赏
举报

<button onclick="showhide()">显示/隐藏</button><br>
<TABLE ALIGN="center" width=100% border=1>
<tr>
<td><input name="1"></td>
<td><input name="2"></td>
</tr>
<tr id="sam" style="display:none">
<td><input name="3"></td>
<td><input name="4"></td>
</tr>
</table>

<script language="javascript">
function showhide() {
if (sam.style.display=="none"){
sam.style.display="block";
}else{
sam.style.display="none";
}

}
</script>

chenypluck 2004-11-16

打赏
举报

<tr>
<td width="8%"><input name="mode" type="checkbox" id="mode" value="1" onclick="javascript:(guestmode.style.display=='none')?guestmode.style.display='':guestmode.style.display='none'"></td>
<td width="92%" id=guestmode style="display:'none'">请输入查看密码
<input name="modepass" type="text" id="modepass">
(*) </td>
</tr>

gyasy 2004-11-16

打赏
举报

我想隐藏的是一行表格，其中包括多个文本框，这样可以隐藏吗？
另外经过判断插入HTML？

sfply 2004-11-16

打赏
举报

innerHTML
灵活控制，需要时再生成而无须隐藏

yaniu 2004-11-16

打赏
举报

<button onclick="showhide()">显示/隐藏</button><br>
<input name="1"><br>
<input name="sam" style="display:none">

<script language="javascript">
function showhide() {
if (sam.style.display=="none"){
sam.style.display="block";
}else{
sam.style.display="none";
}

}
</script>

如何动态增加输入框，不用时为隐藏。

相关推荐