如何动态产生一行的控件?

paradiseOfdream 2004-12-15 08:46:30
我的意思是,我每次点某个按纽,页面就产生一行的控件,这一行中有下拉框,也有输入框.请高手帮忙,急!

<table id="tb" width="100%" border="1" align="center" cellpadding="1" cellspacing="1" style="border-collapse:collapse" bordercolor="#111111">
<tr>
<th scope="col" width="10%">类别</th>
<th scope="col" width="10%">证件类型</th>
<th scope="col" width="25%">代码</th>
<th scope="col" width="25%">申请单位/个人名称</th>
<th scope="col" width="30%">联系地址</th>
</tr>

点击按钮能动态产生下列一行的控件.

<tr>
<td><select name="type"><option value="0">单位</option><option value="1">个人</option></select>     </td>
<td><select name="type"><option value="0">单位</option><option value="1">个人</option></select>     </td>
<td><input type="text" name="rcardno" size="20"/></td>
<td><input type="text" name="rname" size="30"/></td>
<td><input type="text" name="raddress" size="30"/></td>
</tr>
</table>
...全文
163 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
看看要就发发 2005-01-14
  • 打赏
  • 举报
回复
如何控制 <select 没有width? 潜入的Select 不是填充满td
fengquansheng 2005-01-14
  • 打赏
  • 举报
回复
<script>
function a(){
document.body.insertAdjacentHTML("beforeEnd","<input type=text width=200 name=a>");
}
paradiseOfdream 2005-01-10
  • 打赏
  • 举报
回复
已经自己解决!多谢各位
YLENTER 2004-12-16
  • 打赏
  • 举报
回复
顺便请问下,怎么去把他们保存到数据库呢??
谢谢!!!!
cao8208 2004-12-16
  • 打赏
  • 举报
回复
mark
hawkingfly 2004-12-16
  • 打赏
  • 举报
回复
用tr或td的display属性,当display=none时,不显示,=""时就显示喽
uGain 2004-12-16
  • 打赏
  • 举报
回复
http://community.csdn.net/Expert/topic/3600/3600813.xml?temp=.7537958

http://community.csdn.net/Expert/topic/3590/3590068.xml?temp=.283703
lienzhu 2004-12-15
  • 打赏
  • 举报
回复
<table id="tb" width="100%" border="1" align="center" cellpadding="1" cellspacing="1" style="border-collapse:collapse" bordercolor="#111111">
<tr>
<th scope="col" width="10%">类别</th>
<th scope="col" width="10%">证件类型</th>
<th scope="col" width="25%">代码</th>
<th scope="col" width="25%">申请单位/个人名称</th>
<th scope="col" width="30%">联系地址</th>
</tr>
</table>
<input type="button" value="增加" onclick="ShowNext()">

<script language="javascript">
function ShowNext()
{
col=tb.rows.length
var vTr=tb.insertRow(col)
vTd=vTr.insertCell(0);
vTd.innerHTML='<select name="type"><option value="0">单位</option><option value="1">个人</option></select>     '
vTd=vTr.insertCell(1);
vTd.innerHTML='<select name="type"><option value="0">单位</option><option value="1">个人</option></select>     '
vTd=vTr.insertCell(2);
vTd.innerHTML='<input type="text" name="rcardno" size="20"/>'
vTd=vTr.insertCell(3);
vTd.innerHTML='<input type="text" name="rname" size="30"/>'
vTd=vTr.insertCell(4);
vTd.innerHTML='<input type="text" name="raddress" size="30"/>'

}

</script>

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧