Change HTML input value and getting the a HTML string with jQuery

Question

Let's say I have var x = "<input type='number' />". So that's a string. What I want is set a value to that input and in the end, get a string like this:

var y = "<input type='number' value='some value' />"

I have tried different methods but none of them worked the way I wanted. I have tried this:

function myFunction(){
   $(x).val(5)
   console.log(x)
   //I get an object array
}

I do not want to append the element to the DOM, just want the HTML string

Before using $(x).val() the element needs to be attached to DOM. Try attaching it to body or some element in page abd then execute this code. It should work. — Pratik Gaikwad
– Pratik Gaikwad, Commented Nov 9, 2016 at 0:54

adeneo · Accepted Answer · 2016-11-09 00:54:14Z

2

You'd use attr() to set an attribute in the HTML, and outerHTML if you want the string returned, otherwise you're console logging the jQuery object, which is indeed an object.

var x = "<input type='number' />";

var y = $(x).attr('value', '5');

console.log( y.get(0).outerHTML )

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

edited Nov 9, 2016 at 0:54

answered Nov 9, 2016 at 0:51

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

Comments

Sesh Sadasivam · Accepted Answer · 2016-11-09 00:47:48Z

-1

To edit the value, use jQuery prop:

$(x).prop('value') = 5;
console.log(x);

answered Nov 9, 2016 at 0:47

Sesh Sadasivam

394 bronze badges

Collectives™ on Stack Overflow

Change HTML input value and getting the a HTML string with jQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related