Get the ID of a form?

Question

I'm using the following code to attach an event to the submit button of a form :

$('form.manage-users-form').on('click','button.special',function() {

    if ($(this).hasClass('selected')){
        console.log('This user is already special');
    } else {

        $(this).parent().find('button').removeClass('selected');
        $(this).addClass('selected');

        var user_id = $(this).closest("form[id]").val();

        console.log('This user is now special');
        console.log(user_id);
    }
    return false;
});

And you can see that I'm also trying to get the id of the form, but when I check the console I get (an empty string). Why is that and how can I properly get the ID of the form ?

Defensible

Answer 1

Have you tried?

var user_id = $(this).closest("form").attr('id');

The id of the element is an attribute, you can extract any attribute (including the id) using .attr().

.val() is used to extract the value of the element, which makes no sense in a form.

More Info:

.val()
.attr()

Accompany

With newer versions of jQuery, you usually want .prop() instead of .attr(). Regardless, you do not need jQuery to retrieve an element's ID. #4652423 – Leonardoleoncavallo

Answer 2

Try this instead. Assuming there is a Single Form on the Page.

 var formid = $('form').attr('id');

Will help you out.

Feuar

Assuming there aren't multiple forms on the page – Edik

Answer 3

.val() is used to get value of form elements, not attribute.

Use .attr():

var user_id = $(this).closest("form[id]").attr('id');

You can also extract the DOMElement and use pure javascript to get the ID:

var user_id = $(this).closest("form[id]")[0].id;

Lantha

Answer 4

Try the following:

  var user_id = $(this).closest("form").attr("id");

Will be back with an edit as soon as i test this.

Lindholm