Javascript Variable Can't Pass Into Textbox

Question

I have a script that pulls data from a form when it's submitted and passes that data to the next page.

On that page it displays the text...

<script type="text/javascript">formData.display("name")</script>

So it prints the name that the user gave earlier.

So I tried putting that into a textbox to pre-populate it....

<input class="text" type="text" name="name" value="<script type="text/javascript">formData.display("name")</script>" />

Unfortunately it just shows the code rather than the actual name.

So is there an easy way for me to get the text that displays with

<script type="text/javascript">formData.display("name")</script>

and put that into a textbox?

add a fiddle that will be helpful.

Mritunjay
– Mritunjay

2014-08-01 09:36:52 +00:00
Commented Aug 1, 2014 at 9:36 — Mritunjay
– Mritunjay, Commented Aug 1, 2014 at 9:36
Please re edit your question; Make it more readable.

Pramod S. Nikam
– Pramod S. Nikam

2014-08-01 09:38:05 +00:00
Commented Aug 1, 2014 at 9:38 — Pramod S. Nikam
– Pramod S. Nikam, Commented Aug 1, 2014 at 9:38

Trader · Accepted Answer · 2014-08-01 09:42:11Z

2

Javascript does not work that way...

Add an id to the input html:

<input id="myInputBox" class="text" type="text" name="name" value="" />

Just do this javascript onLoad:

var elem = document.getElementById("myInputBox");
elem.value = "My value";

Check the fiddle: http://jsfiddle.net/ve65v/

answered Aug 1, 2014 at 9:42

Trader

2494 silver badges10 bronze badges

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

Comments

Anil Namde · Accepted Answer · 2014-08-01 09:51:02Z

0

Hi its hard way you are trying to achieve. One way is how @Trader provided other is to use templates and call it through JS. Following is fiddle for it. Hope it will be helpful

// HTML
<script id="template">
    <input class="text" type="text" name="name" value="{{user}}" />
</script>

<div id="render"></div>

// JS
var user = "Anil"
var template = $("#template").html()
template = template.replace("{{user}}", user)

$("#render").html(template)

answered Aug 1, 2014 at 9:51

Anil Namde

6,64812 gold badges68 silver badges101 bronze badges

Collectives™ on Stack Overflow

Javascript Variable Can't Pass Into Textbox

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