Īlert("The id of the button that was clicked: "+id) Ĭode was taken from w3schools and changed. 5 Answers Sorted by: 25 Use ('form :input') Per the docs: Description: Selects all input, textarea, select and button elements. It will take the id of the button that was clickedĪnd will change it according to the data that comes from the ajax. Syntax: // Select the required element let selectedElem ('elemToSelect') // Get the name of the element // using the attr () method let elementName selectedElem.attr ('name') console.log ('The name of this element is:', elementName) The example below illustrates the above approach: Example: In this example, we will create a clone of. The jQuery will treat only the buttons that are of class.
#GET NAME OF ELEMENT JQUERY CODE#
The way i would recommend you do it is put the style class last, that way with only one line of code you can output the class name you are after. Lets also say that you have many different type of buttons (for forms, for approval and for like purposes), and you want the jQuery to treat only the "like" buttons. Although it can be done using many of the answers mentioned here, this is a little awkward and costly performance wise. Lets say you have many buttons on a page and you want to change one of them with jQuery Ajax (or not ajax) depending on their ID. my code below is working on static elements but not those elements that is manipulated dynamically. I think it would work if i'd set it up with the. I practicing jQuery, I came into a scenario which requires me to get the element name that is dynamically added inside the field div.
Where $(this) is the object that called the function, ie the input with the onclick. Because it's a non-standard attribute, you'll need to use jQuery's attr or the DOM getAttribute method to get it: ('name'). 9 Answers Sorted by: 23 It should be known that the only correct answers that have been given are the ones that included quotes around the attribute value, ie.
Instead you could use a data parameter, like this: The main issue you have is that the JS is looking at the name attribute of the select element, not the chosen option.
To get the attribute value of an element with jQuery, it is used attr() function.
#GET NAME OF ELEMENT JQUERY HOW TO#
I'd have thought that i could do this by first getting the dom element that was clicked on, ie something like this: var form = $(this).parents("form") div elements don't have a name attribute, but most browsers will let you add one. Firstly name isn't a valid attribute of an option element. This tutorial shows how to get the attribute value of a clicked item with jQuery, any attribute which is added in that HTML tag (id, class, name, title, src, etc.). In the confirmSubmit, i'd like to be able to dynamically get the form object (to submit it), instead of having to hardcode the form's id, or pass it as part of the call to confirmSubmit(). I have a form where i've replaced the submit button with an input (with type=button) with an onclick which calls an existing function: You need to use attr () to get the id of your button because button is a jQuery object: or you can keep your selector but do not convert it to jQuery object: you just use attr (), the properties are accessed using the attr ('property name') in jquery.
0 kommentar(er)
