0

そのため、テーブルにヘッダー行があり、入力があり、この情報から新しい行を追加できます。選択/入力/ボタンが必要ないため、正確なヘッダー行を複製できません...テキスト/値だけです。どうすればこれを行うことができますか？私のフィドルは現時点ではかなり単純ですが、セットアップは整っています（実際には「新しい」追加は必要ありません。ヘッダー行の値が必要です）http://jsfiddle.net/9dwdz30h/

jQuery

$('.addRow').click(function(){
     $('.header').after('<tr><td>new</td></tr>')
})

HTML

<table>
    <tr class='header'>
        <th>
            <input type='text' />
        </th>
        <th>
            <select>
                <option>One</option>
                <option>Two</option>
            </select>
        </th>
        <th>
            <a href="#" class="addRow">Add</a>
        </th>
    </tr>
</table>
4

3 に答える 3

0

選択値のみを行に追加する場合は、次のようにできます。

$('.addRow').click(function(){
     $('.header').after('<tr><td>'+$("select").val()+'</td></tr>')
})

フィドル: http://jsfiddle.net/294tkjn2/

または、入力を追加することもできます:

$('.addRow').click(function(){
     $('.header').after('<tr><td>'+$("input").val()+" "+$("select").val()+'</td></tr>')
})
于 2014-08-19T19:44:29.500 に答える
0

私の理解が正しければ、あなたは を探していました$('table').append()。

ここを参照してください：http://jsfiddle.net/dapLf9hz/

お役に立てれば！

于 2014-08-19T19:44:42.617 に答える
0

これにより、テキスト ボックスから値が取得され、一番上に追加されます。

 $('.addRow').click(function(){
     $('.header').after('<tr><td>'+$('#new').val()+'</td></tr>')
 })

また、テキスト ボックスに id="new" を追加します

<th>
    <input type='text' id="new" />
</th>

http://jsfiddle.net/294tkjn2/1/

于 2014-08-19T19:44:51.500 に答える