2

私は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>
4

1 に答える 1

4

これを試して、forループを使用してhtmlを追加してください

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

デモ

于 2013-09-17T12:15:25.437 に答える