Question

please take a look of this:

$(function () {

    $("#add").click(function() {

       val = $('#add_lang').val();
       val1 = $('#add_lang_level').val();

       listitem_html = '<li>';
       listitem_html += val + ' <strong>('+ val1 + '/100)</strong>';
       $.ajax({ url: 'addremovelang.php', data: {addname: val,addlevel: val1}, type: 'post', success: function(output) { alert(output); }});
       listitem_html += '<a href="#" class="remove_lang">Remove</a>'
       listitem_html += '</li>';

        $('#langs').append(listitem_html);

    });

    $('.remove_lang').live('click', function(e) {

       e.preventDefault();
       $(this).parent().remove();
       $.ajax({ url: 'addremovelang.php', data: {delname: val}, type: 'post', success: function(output) { alert(output); }});

    });


});

This simple jquery script adds strings to a html list when the user hits the button with the id add. Also, it puts a remove link to each line, so when the user hits remove it triggers the function remove_lang and the string is deleted.

When the users add a string, this text comes from a text field, and i stored it on the variable val (as you can see on the 5 line of the code). Then i call a php script via Ajax to add this info to my mysql database.

But, when the user remove the string, i dont know how to know what string was removed, i mean, the name of this one, that i need to send to my php script in order to remove it from the database.

Take a look of this version of my code without the ajax call: http://jsfiddle.net/wnFsE/

Thanks for any help!!!

Answer 1

When you click remove you can do something like this:

    val = $(this).parent().find('input').val();

That will get the value from hidden input you added:

Demo Here