Question

我想在它应该是这样的输入数字上添加表格：value = 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

我不是百分百肯定，但javascript中的字符串连接是由'+'而不是'。'

完成的。

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

jquery根据给定的数字添加多个表列

4 个答案: