的Javascript追加錶行時添加鏈接文本

Question

我有這個JS和HTML代碼：

當您單擊添加按鈕運行下面的功能，另一行添加到HTML表後，增加了更多的表單字段與數字每次

<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> 

計數1

我如何在當還添加了一行，像其他領域的每一次改變的URL + 1結束數第三列添加一個鏈接

Answer 1

你可以試試使用i concatenate設置一個包含靜態鏈接字符串的變量d。考慮到腳本的其餘部分，在需要的地方添加變量應該看起來很熟悉。

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/