How to change element value in JS variable

Question

How can i change name of input, if is my DOM saved in JS variable?

var data = '<input id="layout_name" name="link" type="text" value="">';

i need change value of parameter name to link[1] (im using jQuery library in this project)

Thank you in advance!

Here's a reference: developer.mozilla.org/en-US/docs/Web/API/element — Jonathan M
– Jonathan M, Commented Jun 3, 2014 at 14:55
data = $(data).prop('name', 'link[1]').get(0).outerHTML; -> jsfiddle.net/354q3 — adeneo
– adeneo, Commented Jun 3, 2014 at 14:56
^^ and manipulating HTML string like this is generally a bad idea ! — adeneo
– adeneo, Commented Jun 3, 2014 at 14:57

Maurice Perry · Accepted Answer · 2014-06-03 14:58:57Z

4

var data = '<input id="layout_name" name="link" type="text" value="">';
var $input = $(data);
$input.attr('name', 'other');
data = $input[0].outerHTML;

answered Jun 3, 2014 at 14:58

Maurice Perry

32.9k9 gold badges72 silver badges97 bronze badges

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

1 Comment

codingnighter2000 Over a year ago

thanks. is there a way to do just with the 'data' variable ( without using $input) ?

kosmos · Accepted Answer · 2014-06-03 14:58:06Z

0

You can do it as follows:

var data = $('<input id="layout_name" name="link" type="text" value="">');
data.attr('name', 'new_value');

You can create HTMLElements directly with jQuery

answered Jun 3, 2014 at 14:58

kosmos

4,2881 gold badge21 silver badges38 bronze badges

Collectives™ on Stack Overflow

How to change element value in JS variable

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related