Question

When I click on the Delete Button, how can I get the value of art-no in jquery?

<form id="artForm" method="post">
<input type="hidden" name="sequence" value="27" art-no="27">
<input type="button" value="Delete" class="delete" id="submitbutton">
</form>

In using jQuery like this:

$(".delete").click(function() {
alert (".sequence").attr("art-no");
return false;
});

This should actually have worked, but I keep getting .sequence in the alert box. Is it because it’s hidden?

Answer 1

First of all, this is working solution:

$(".delete").click(function() {
    alert ($("[name='sequence']").attr("art-no"));
    return false;
});

And I have some advices;

• That hidden field has no class name, so you can’t use .sequence for selector, you have to use [name='sequence'] or you can give it sequence class and use it .sequence
• Instead of making up your own properties you can use data properties and .data(), use it like data-art-no="27" and access it like .data('art-no')
• Last, use event.preventDefault() insted of return false.

Here is your revised code:

$(".delete").click(function(e) {
    e.preventDefault();
    alert ($("[name='sequence']").data("art-no"));
});