jquery - 动态向表添加行数

Question

我正在开发一个表单，我必须从 jquery spinner 获取值并将该行数添加到表单内的表中，但我不知道问题出在哪里，因为我也触发了 bug，但它没有显示我有任何错误。

下面是我的html

<div class="order-listing">
    <table id="my-table">
        <tbody>
            <tr><td>
                <input type="text" name="name" />&nbsp;&nbsp;
                <input type="text" name="name" />&nbsp;&nbsp;
                <input type="text" name="name" />
                <select>
                    <option value"">abc</option>
                    <option value"">abc</option>
                    <option value"">abc</option>
                    <option value"">abc</option>
                </select>     
            </td></tr>              
        </tbody>
    </table>                  
</div>

下面是添加行的 jquery 代码

<script>
 $(function() {
    var spinner = $( "#spinner" ).spinner({ min: 0 });
    $( "#ok" ).click(function() {
        var spiner_val = spinner.spinner( "value" ) ;
        var html = '<tr><td><input type="text" name="name" />'+
                    '<input type="text" name="name" /><input type="text" name="name" />'+
                    '<select><option value"">abc</option><option value"">abc</option>'+
                    '<option value"">abc</option><option value"">abc</option></select></td></tr>';

        $('#my-table > tbody > tr').eq(spiner_val).after(html);
    });
    $( "button" ).button();
});
</script>

下面是触发此功能的微调器和确定按钮

<p>
    <label for="spinner">New Lines Required:</label>
    <input id="spinner" name="value" />
    <input type="button" value="OK" id="ok" />
</p>

Answer 1

试试这个，使用 for 循环并添加 html

 for(i = 0; i < spiner_val;i++){
     $(html).insertAfter('tr:last');
 }

DEMO