如何检索具有相同名称的多个输入的值？

Question

I am displaying some information from an XML file, beside each I have buttons with allow user to delete the data.

Now I am using a hidden input field to store some information needed to process the form. All of the hidden input fields have the sane name value. When the user clicks the delete button I want to retrieve the value of the hidden filed that was clicked, but It returns the last one.

here is my code:

function displayPapers(){
    var courseCode = $("#subject").val();

    loadXML(courseCode, function(xmlDoc){
        $(xmlDoc).find('paper').each(function(){
            var code = $(this).find("code")[0].textContent;
            var title = $(this).find("title")[0].textContent;
            var semester = $(this).find("semester")[0].textContent;

            $("#papers").append("<p>" + code + ": " + title + " (S" + semester + ") " +
                                "<input type='submit' name='paperUpdate' value='Edit'>" +
                                "<input type='submit' name='paperDelete' value='Delete'>" +
                                "<input type='hidden' name='paperCode' value='" + code + "'></p>");
        })
    });
}

Here is the PHP code used to process the form:

if(isset($_POST['paperUpdate'])){
   echo $_POST['paperCode'];
}

I want to retrieve the value of the hidden field for which the delete button was clicked. I am not sure how to fix this. thanks.

Answer 1

Use jQuery DOM traversal functions to find related elements.

$('input[name=paperDelete]').click(function() {
    var paperCode = $(this).next().val();
    // Do something with paperCode
});

To be able to get all the values in PHP, you should give it a name ending in [] . PHP will then turn all the values into an array. So change your code to:

        $("#papers").append("<p>" + code + ": " + title + " (S" + semester + ") " +
                            "<input type='submit' name='paperUpdate' value='Edit'>" +
                            "<input type='submit' name='paperDelete' value='Delete'>" +
                            "<input type='hidden' name='paperCode[]' value='" + code + "'></p>");
    })
});

Then your PHP can do:

foreach ($_POST['paperCode'] as $code) {
    echo $code;
}

Answer 2

Try-

$("#papers").on("click","input[name='paperDelete']",function(){
  alert($(this).siblings("input[name='paperCode']").val())
})

DEMO

Answer 3

For multiple field with same name..Try something like this..

<?php
if(isset($_POST['btn']))
{
    $name = $_POST['nam'];
    //var_dump($name);
    echo $name[0];
    echo "<br>";
    echo $name[1];
    echo "<br>";
    echo $name[2];
}

?>
<form method='post'>
FirstName:<input type='text' name='nam[]'>
MiddleName:<input type='text' name='nam[]'>
LastName:<input type='text' name='nam[]'>
<input type="submit" value="POST" name="btn">
</form>