Question

我正在处理一个表格，我必须从jquery微调器中获取值并将该行数添加到表格内的表格中，但我不知道问题究竟在哪里，因为我也发现了它的错误但它没有显示我有任何错误。

下面是我的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>

下面的

是微调器和触发此功能的ok按钮

<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

动态地向表中添加行数

1 个答案: