jquery的添加多發性表柱基上給定數量的

Question

我想在其上應該是這樣的輸入數加表基：值= 3

<input type="text" id="pila" name="pila" maxlength="2px" onchange="balhin()" value="3"/> 

js函數：

function balhin(){ 
    var pila = $("#pila").val(); 
    var a; 
    var i = 0; 

    while (i <= pila) 
     { 
      a .= "<tr><td>amew</td><td>amew</td><td>amew</td></tr>"; 
      i++; 
     } 


    $(".pakita").append(a); 
} 

的html代碼：

<table id="tablesorter"> 
      <thead> 
       <tr> 
        <th>#</th> 
        <th>Trip Number</th> 
        <th>NO. Boxes</th> 
       </tr> 
      </thead> 
      <tbody class="pakita"></tbody> 
</table> 

但js函數不工作？爲什麼它不起作用可能是什麼原因？

預期輸出：

 <table id="tablesorter"> 
        <thead> 
         <tr> 
          <th>#</th> 
          <th>Trip Number</th> 
          <th>NO. Boxes</th> 
         </tr> 
        </thead> 
        <tbody class="pakita"> 
    <tr><td>amew</td><td>amew</td><td>amew</td></tr> 
    <tr><td>amew</td><td>amew</td><td>amew</td></tr> 
<tr><td>amew</td><td>amew</td><td>amew</td></tr> 
    </tbody> 
     </table> 

Answer 1

a .= "<tr><td>amew</td><td>amew</td><td>amew</td></tr>"; 

似乎不正確。 JavaScript的級聯是通過+ =

a += "<tr><td>amew</td><td>amew</td><td>amew</td></tr>"; 

還初始化a="" ;（空字符串）

Answer 2

.=不是在JavaScript中一個有效的操作者來完成。相反，使用+=：

function balhin(){ 
    var pila = $("#pila").val(); 
    var a; 
    var i = 0; 

    while (i <= pila) 
    { 
     a += "<tr><td>amew</td><td>amew</td><td>amew</td></tr>"; 
     i++; 
    } 


$(".pakita").append(a); 
} 

Answer 3

你的代碼改成這樣： ''

var a = ""; 
var i = 0; 

while (i <= pila) 
    { 
     a += "<tr><td>amew</td><td>amew</td><td>amew</td></tr>"; 
     i++; 
    } 

Answer 4

我不是100％肯定，但在JavaScript字符串連接是通過 '+' 沒有做

var a = ""; 
a += "<tr><td>amew</td><td>amew</td><td>amew</td></tr>";