Help Thêm 1 hàng sau khi click nút trong js, html

[nothingforchange]

Như tiêu đề, e muốn khi click vào nút thêm thì sẽ xuất hiện thêm 1 hàng nữa thì code sao ạ. Ai hướng dẫn với có hậu tạ ạ

 

[Edward_Newgate]

Thì append hoặc after 1 đoạn html nữa thôi

 

[nothingforchange]

Minh dung append mà nó ko chạy bạn

 

[nothingforchange]

HTML
<table id="kl" >

<tr>
<td><li class="khoiluong"> Từ: <input type="number" name="1" min="1" /> đến <input type="number" name="2" min="1" /> Hệ số: <input type="text" value="" size="20" /></li></td>
</tr>

</table>

<input onclick="code" type="button" name="add_id" id="add_id" value="Thêm" />

JQUERY

$(document).ready(function()
{
new_row="<tr><td><li class="khoiluong"> Từ: <input type="number" name="1" min="1" /> đến <input type="number" name="2" min="1" /> Hệ số: <input type="text" value="" size="20" /></li></td></tr>";
$("#add_id").click(function()
{
$("#kl").append(new_row);
return false;

}
}

 

[Edward_Newgate]

Vì code sai thiếu tè le mà.
F12 lên check lỗi nhé

 

[Edward_Newgate]

https://jsfiddle.net/zcc749d0/

 

[nothingforchange]

Vì code sai thiếu tè le mà.
F12 lên check lỗi nhé

cậu xem giúp mình đc k. có gì mình hậu tạ đc ko

 

[nothingforchange]

help me pls

 

[Edward_Newgate]

Post cái link bên trên rồi mà. Hay thích teamviewer?

 

[chinhitpro]

thớt để new_row = " " " " nên lúc để vào append nó k hiểu được , ( " " " " ) vậy đó , nên bên trong có các cặp " " thì bên ngoài phải để ' '

 

[phuld]

thím append như thế thì đoạn html nó như này à
<table>
<tr></tr>
<tr></tr>
</table>
<tr>Thẻ tr append nằm chỗ này</tr>

 

[denmodo]

Cần gì phải khai báo new row. Clone cái đoạn rồi append thôi

 

[phuld]

sửa lại như này
<table id="kl">
<tbody>
<tr>
<td>
<li class="khoiluong"> Từ:
<input type="number" name="1" min="1" /> đến
<input type="number" name="2" min="1" /> Hệ số:
<input type="text" value="" size="20" />
</li>
</td>
</tr>
</tbody>
</table>

<input type="button" name="add_id" id="add_id" value="Thêm" />

$(document).ready(function() {
new_row = '<tr><td><li class="khoiluong"> Từ: <input type="number" name="1" min="1" /> đến <input type="number" name="2" min="1" /> Hệ số: <input type="text" value="" size="20" /></li></td></tr>';
$('#add_id').click(function() {
$('#kl > tbody:last-child').append(new_row);
});
});

Xong, 1 điểm về chỗ, chưa học thuộc bài

 

[nothingforchange]

sửa lại như này
<table id="kl">
<tbody>
<tr>
<td>
<li class="khoiluong"> Từ:
<input type="number" name="1" min="1" /> đến
<input type="number" name="2" min="1" /> Hệ số:
<input type="text" value="" size="20" />
</li>
</td>
</tr>
</tbody>
</table>

<input type="button" name="add_id" id="add_id" value="Thêm" />

$(document).ready(function() {
new_row = '<tr><td><li class="khoiluong"> Từ: <input type="number" name="1" min="1" /> đến <input type="number" name="2" min="1" /> Hệ số: <input type="text" value="" size="20" /></li></td></tr>';
$('#add_id').click(function() {
$('#kl > tbody:last-child').append(new_row);
});
});

Xong, 1 điểm về chỗ, chưa học thuộc bài

Để e tét lại

 

[nothingforchange]

Cần gì phải khai báo new row. Clone cái đoạn rồi append thôi

mình cần dùng biến nữa, mình sợ khi clone là biến giống nhau khó gọi khi làm bạn à

 

[Edward_Newgate]

thím append như thế thì đoạn html nó như này à
<table>
<tr></tr>
<tr></tr>
</table>
<tr>Thẻ tr append nằm chỗ này</tr>

append là thêm vào bên trong table chứ đâu phải bên ngoài.

 

[nothingforchange]

sửa lại như này
<table id="kl">
<tbody>
<tr>
<td>
<li class="khoiluong"> Từ:
<input type="number" name="1" min="1" /> đến
<input type="number" name="2" min="1" /> Hệ số:
<input type="text" value="" size="20" />
</li>
</td>
</tr>
</tbody>
</table>

<input type="button" name="add_id" id="add_id" value="Thêm" />

$(document).ready(function() {
new_row = '<tr><td><li class="khoiluong"> Từ: <input type="number" name="1" min="1" /> đến <input type="number" name="2" min="1" /> Hệ số: <input type="text" value="" size="20" /></li></td></tr>';
$('#add_id').click(function() {
$('#kl > tbody:last-child').append(new_row);
});
});

Xong, 1 điểm về chỗ, chưa học thuộc bài

vì sao mình chưa vào file php nó ko chạy vậy

 

[nothingforchange]

Post cái link bên trên rồi mà. Hay thích teamviewer?

cậu teamview chỉnh mình đc ko?

 

[heothanhtinh]

bỏ cái thẻ đt cho mấy pro làm đi, đã đưa cả code lên vậy mà còn hỏi nữa thì chịu á

 

[Edward_Newgate]

cậu teamview chỉnh mình đc ko?

Gửi teamviewer vào inbox