使用js实现input输入框的增加
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS点击添加input输入框</title>
<script type="text/javascript">
/****添加新条目***/
/******点击添加input输入框JS******/
function checkRowsLimit()
{
var rowLimit = 10;
var len=document.getElementById('filearea').rows.length;
if(len==rowLimit)
{
alert('抱歉,为了您主页美观,只能添加这么多条目了。');
return false;
}
else
{
return true;
}
}
function addNewRow()
{
var obj=document.getElementById('filearea');
var row=obj.insertRow(-1);
var c0=row.insertCell(0);
c0.innerHTML='<input type=text size="3" maxlength=8 name="question" value="" onpropertychange=changeFlagValue()> :';
c0.align='right';
var c1=row.insertCell(1);
c1.innerHTML='<input type=text size=50 maxlength=50 name="answer" style="margin-left:1px;" value="" onpropertychange=changeFlagValue()>';
c1.align='left';
var c2=row.insertCell(2);
c2.innerHTML='<a href="javascript:void(0)" onclick="removeRow(this)">[删除]</a>';
changeFlag = true;
try
{
comm_set_page_height();
}
catch (e)
{
}
}
function removeRow(fontobj)
{
if(confirm("确定取消该项吗?"))
{
var obj=document.getElementById('filearea');
var n=fontobj.parentNode.parentNode.rowIndex;
obj.deleteRow(n);
}
}</script>
</head>
<body>
<table width="735" border="0" id="filearea">
<tr>
<td align=right>商品编号<input type="text" onpropertychange=changeFlagValue() maxLength=8 size=3 name=question /> :</td>
<td align=left><input type="text" style="MARGIN-LEFT: 1px"
onpropertychange=changeFlagValue() maxLength=50 size=50 name=answer /></td>
<td><a href="#" onClick="if(checkRowsLimit()) {addNewRow();changeFlag=true}" title="点击后在上面添加的输入框">[添加条目]</a></td>
</tr>
</table>
</body>
</html>
最新文章
- H5(二)
- BrnShop mvc3升级mvc4
- Stunnel服务端
- CMMI整体理解
- DecimalFormat 中的 # 与 0 的区别(中文帮助文档中翻译可能是错误的)
- C#中跨线程访问控件问题解决方案
- Session和Cookie的分析与区别
- C++为QLabel增加单击事件
- Django的 select_related 和 prefetch_related 函数对 QuerySet 查询的优化(三)
- visibility: hidden和 display: none的区别
- 程序员要拥抱变化,聊聊Android即将支持的Java 8
- 宝爷Debug小记——Cocos2d-x(3.13之前的版本)底层BUG导致Spine渲染花屏
- css的定位,relative/absolute/fixed的用法
- 从JSON数据源导入数据(未完)
- MySQL的日志(二):事务日志
- 一键部署office的工具——OTool
- Tomcat修改service.xml性能调优 增加最大并发连接数
- MySQL学习入门安装和启动及常见问题解决方法(一)
- thinkphp模板继承
- Ubuntu Nginx Ruby, Rails Mysql 安装
热门文章
- C# in depth学习(1)
- 微信JS SDK Demo 官方案例[转]
- .net中如何发送HTTP请求网络资源
- 2015年最好的PHP框架调查统计
- 【转】valueof()用法
- [版本管理]有惊无险修复svn服务器Invalid filesystem revision number问题
- MongoDB入门
- 查找“asdfjvjadsffvaadfkfasaffdsasdffadsafafsafdadsfaafd” 该字符串中有多少个af
- map的四种遍历方式
- php __invoke 和 __autoload