Change NAME attribute onClick with Jquery

Question

I am trying to change the NAME attribute of a DIV for the content of a textbox using jQuery.

Here's my fiddle: http://jsfiddle.net/e6kCH/

What am I doing wrong?

Aside from the fact that it's not valid to have a name property on a div, you have syntax errors: $(#divId) needs to be: $('#divId') — steveax
– steveax, Commented Jun 13, 2012 at 20:07
There are so many errors in that code it's ridiculous. Click the "JSLint" button and fix the errors, it will atleast get you closer. — user400654
– user400654, Commented Jun 13, 2012 at 20:08

user400654 · Accepted Answer · 2012-06-13 20:09:53Z

4

The biggest problem is a logic problem.

content = document.getElementById("theid").value

This gets the current value of the input. The problem is, it does not get updated when you change the value of the input. To solve that, move the line into the click event handler.

Once the various other javascript errors are fixed (Click the JSLint button!!!), it will work. http://jsfiddle.net/e6kCH/4/

answered Jun 13, 2012 at 20:09

user400654

95.1k16 gold badges168 silver badges188 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sarfraz · Accepted Answer · 2012-06-13 20:06:46Z

4

Instead of:

$(#divId).attr("name")=content;

Use:

$("#divId").attr("name", content);

attr is a function not a property.

answered Jun 13, 2012 at 20:06

Sarfraz

384k81 gold badges561 silver badges613 bronze badges

Comments

user1454661 · Accepted Answer · 2012-06-13 20:17:57Z

3

Keep the same code, only change the JS for this:

$('#buttonId').click(function() {
    $('#divId').attr('name', $('#textId').val());
});

Keep in mind it only changes the name of the div, you'll need something like Google Chrome's developer tools to see it change.

answered Jun 13, 2012 at 20:17

user1454661

Comments

Didier Ghys · Accepted Answer · 2012-06-13 20:07:19Z

2

The way to use .attr() to set the value of the attribute is:

.attr( attributeName, value )
Description: Set one or more attributes for the set of matched elements.

attributeName: the name of the attribute to set.
value: a value to set for the attribute.

$('#divId').attr("name", content);

Note: don't forget to surround your selectors with quotes (or double quotes) within the jQuery function $()

answered Jun 13, 2012 at 20:07

Didier Ghys

30.6k9 gold badges77 silver badges82 bronze badges

Comments

frosty · Accepted Answer · 2012-06-13 20:13:14Z

1

http://jsfiddle.net/e6kCH/10/ That should get you what you want.

answered Jun 13, 2012 at 20:13

frosty

21.8k8 gold badges58 silver badges77 bronze badges

Collectives™ on Stack Overflow

Change NAME attribute onClick with Jquery

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related