How to set the value of an HTML input field with a javascript value

Question

I know this has been asked a thousand times but nothing I've tried has worked so far. I'd really appreciate some input. Here's my situation, I have this code in javascript:

<script>
var url = document.URL;
url = url.slice(17,21);
</script>

I need the value of url in a html input field which looks like this:

<input name="name" type="text"/>

I've tried with getElementbyId and it shows me nothing.

Is there something I've missed?

well, if you're using a method called getElementById, wouldn't you expect the element you try to get to actually have an id ? — Laurent S.
– Laurent S., Commented Jun 18, 2013 at 12:18

Johan · Accepted Answer · 2013-06-18 12:17:38Z

4

Change your html to look like this, you forgot to set the id.

<input id="name" name="name" type="text"/>

and then your js will look like this

    var url = document.URL;
    url = url.slice(17,21);
    document.getElementById("name").value = url;

answered Jun 18, 2013 at 12:17

Johan

8,2861 gold badge35 silver badges46 bronze badges

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

4 Comments

HoloLady Over a year ago

Thank you for answering. I've changed it to this: <script> var url = document.URL; url = url.slice(17,21); getElementById("name")=document.write="url" document.write="url"; </script> And <input id="name" name="name"/> But still nothing

Johan Over a year ago

@user2497085 see my above edit, that shows you how the js should look like

Johan Over a year ago

@user2497085 and dont forget to set the type to text

HoloLady Over a year ago

Thank you again for answering, turns out the thing I forgot to add was the window.onload

Prabhuram · Accepted Answer · 2013-06-18 12:20:04Z

3

You can do it as follows :

<script>
      window.onload=function(){
        var url = document.URL;
        url = url.slice(17,21);
        document.getElementById("urlText").value=url;
      }          
</script>

In the HTML input tag change it as ,

<input id="urlText" name="name" type="text"/>

answered Jun 18, 2013 at 12:20

Prabhuram

1,2689 silver badges15 bronze badges

1 Comment

HoloLady Over a year ago

YES! It works, thank you so much, you have no idea how much time I've wasted on this. Thank you!

LuigiEdlCarno · Accepted Answer · 2013-06-18 12:20:31Z

1

<script type="text/javascript">
   var url = document.URL;
   url = url.slice(17,21);
   var urlField = document.getElementsByName('name')[0];
   url.value=url;
</script>

This assumes, that you have only one tag with name-attribute = "name", though. Else add an idattribute.

answered Jun 18, 2013 at 12:20

LuigiEdlCarno

2,4152 gold badges22 silver badges37 bronze badges

Comments

Praveen · Accepted Answer · 2013-06-18 12:19:09Z

0

Try the below one. HTML:

<input id="textBox" type="text"/>

Javascript:

var url = document.URL;
url = url.slice(17,21);
document.getElementById("textBox").value = url;

Check this JSFiddle

answered Jun 18, 2013 at 12:19

Praveen

56.7k35 gold badges137 silver badges169 bronze badges

Collectives™ on Stack Overflow

How to set the value of an HTML input field with a javascript value

4 Answers 4

4 Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related