Search jQuery

jQuery Forum

in Using jQuery • 8 years ago

Hy all

I have problem when using JQuery's .append().

please cek: jsfiddle.net/badvz/4ddutu47/3/

How I can save at every row or every nim when I'm click button save?

I have try like this but not working :

$(".save_item"+count+).click{//button save

alert(send value);

});

Thanks

Replies(2)

8 years ago

I removed all the ids and use PHP array notation for the names.

$(document).ready(function () {
var count = 0;
$("#add_btn").click(function () {
count += 1;
$('#container').append(
'<tr class="records">' +
'<td>' + count + '<inputname="rows[]" value="' + count + '" type="hidden"></td>' +
'<td><input name="nim[]" type="text"></td>' +
'<td><a class="save_item" href="#" >Save</a></td>' +
'<td><a class="remove_item" href="#" >Delete</a></td></tr>');
});
$(".save_item").live('click', function (ev) {
console.log($("#id_form").serialize()) // entire form!
console.log($(this).parents("tr").find(":input").serialize()) // this row!
// either can be used for an ajax submit, or you could just call
// $("#id_form").submit()
// to submit the whole form.
})
$(".remove_item").live('click', function (ev) {
if (ev.type == 'click') {
$(this).parents(".records").fadeOut(function(){
$(this).remove()
});
}
});
});