In my .html file I have one button and string variable str = "<input type=\"text\" value=\"apple\"" . When i click button i want to alert value of these string . How can i parse string to object and just use something like obj.val() or obj.value to get it's value . I've tried $.parseHTML(str) . it returns me Object HtmlInputElement , but i can't use .val() or .value , even .attr('value') ? Jquery is added and no errors . Please help . Best Regards .

In my .html file I have one button and string variable str = "<input type=\"text\" value=\"apple\"" . When i click button i want to alert value of these string . How can i parse string to object and just use something like obj.val() or obj.value to get it's value . I've tried $.parseHTML(str) . it returns me Object HtmlInputElement , but i can't use .val() or .value , even .attr('value') ? Jquery is added and no errors . Please help . Best Regards .

• javascript
• jquery
• object

• 1 Can you please post your actual code. – Rory McCrossan Commented Jul 9, 2015 at 8:36
• You need to create jquery object to use .val() or .attr(), see below answer – Bhushan Kawadkar Commented Jul 9, 2015 at 8:48

2 Answers 2

Try this: create jquery object from str and then call .val() on that object, see below code

str = "<input type=\"text\" value=\"apple\">";
var strObj = $(str);
alert(strObj.val());

JSFiddle Demo

If you put your input in your actual html file, and give it an id (e.g. appleInput):

<input type="text" value="apple" id="appleInput"> <!-- Your input -->

Then in your JavaScript:

var str = document.getElementById("appleInput").value;
alert(str);