Javascript 在添加表行时添加链接文本
Javascript add link text when adding table rows
我有这个JS和HTML代码:
当您单击添加按钮时,它会运行以下函数以向 HTML 表添加另一行,并在每次计数 1 后添加更多带有数字的表单字段
<script language="javascript" type="text/javascript">
var i=2;
function addRow()
{
var tbl = document.getElementById('table1');
var lastRow = tbl.rows.length;
var iteration = lastRow - 1;
var row = tbl.insertRow(lastRow);
var productcodeCell = row.insertCell(0);
var elproductcode = document.createElement('input');
elproductcode.type = 'text';
elproductcode.name = 'productcode' + i;
elproductcode.id = 'productcode' + i;
elproductcode.size = 20;
productcodeCell.appendChild(elproductcode);
var producttitleCell = row.insertCell(1);
var elproducttitle = document.createElement('input');
elproducttitle.type = 'text';
elproducttitle.name = 'producttitle' + i;
elproducttitle.id = 'producttitle' + i;
elproducttitle.size = 30;
producttitleCell.appendChild(elproducttitle);
var quantityCell = row.insertCell(2);
var elQuantity = document.createElement('input');
elQuantity.type = 'text';
elQuantity.name = 'quantity' + i;
elQuantity.id = 'quantity' + i;
elQuantity.size = 10;
quantityCell.appendChild(elQuantity);
i++;
form1.number.value=i;
//alert(i);
}
</script>
<form method="post" action="create_quote2.php" name="form1">
<input type="button" value="Add New Line" onclick="addRow();" />
<table width="800" border="0" cellspacing="5" cellpadding="5" id="table1">
<tr>
<td><strong>Product Code</strong></td>
<td><strong>Title</strong></td>
<td><strong>Add</strong></td>
<td><strong>Qty</strong></td>
</tr>
<tr>
<td><input type="text" name="productcode1" id="productcode1" size="20" /></td>
<td><input type="text" name="producttitle1" id="producttitle1" size="30" /></td>
<td><a href="page.php?c=1">Link here</a></td>
<td><input type="text" name="quantity1" id="quantity1" size="10" /></td>
</tr>
</table>
<input type="hidden" name="number" id="number" value="1" />
</form>
添加行时,如何在第 3 列中添加链接,同时像其他字段一样每次更改 URL + 1 中的结束编号
您可以尝试设置一个包含带有 i 连接的静态链接字符串的变量。考虑到脚本的其余部分,将变量附加到需要的位置应该看起来很熟悉。
var i=2;
function addRow()
{
var link='/directoryname/filename'+i+'.html';
可以按如下方式构建和附加新的链接单元:
var linkCell = row.insertCell(2);
var elLink = document.createElement('a');
var href='/directoryname/filename'+i+'.html';
elLink.href = href;
elLink.innerHTML = 'link'+i;
linkCell.appendChild(elLink);
我添加了一个jsfiddle供您检查:http://jsfiddle.net/KKKZ8/
相关文章:
- 如何在Angular中的表的所有单元格中添加链接
- 如何使用 HTML/JavaScript 为对象添加链接
- 如何在滑块图像上添加链接
- HTML::向输入标记添加链接
- 正在向库图像添加链接
- 在旋转javascript横幅中添加链接
- 向每个堆叠条形图项目添加链接
- 根据课程自定义字段在课程页面上添加链接
- 如何使用java脚本添加链接
- 如何在D3元素中添加链接
- 如果满足条件,则使用JQuery向元素添加链接
- 当屏幕尺寸较小时,可使用Javascript向移动菜单添加链接.不再有效
- javascript下拉列表-无法添加链接
- Ext JS Gannt 在任务之间添加链接
- 添加链接时 JQuery 停止工作
- Javascript 在添加表行时添加链接文本
- 如何在 d3.js 行添加链接名称
- Umbraco 将从第 @nodename 页添加链接作为表单上的文本输入值
- 在jQuery插件中添加链接的方法
- 在可折叠内容标头(拆分链接)中添加链接 - 缺少 css