자바 스크립트 링크 텍스트를 추가

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> 

을 계산 한 것은 에게 내가 행이 URL + 1에서 다른 필드와 같은 때마다 마지막 번호를 변경도 추가되어 3 열에서 링크를 추가 할 수있는 방법

는

Answer 1

당신은 시도 할 수 내가 정적 링크 문자열을 포함하는 변수를 설정하여 연결 디. 필요한 곳에 변수를 추가하면 스크립트의 나머지 부분에 익숙해 져야합니다.

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/