Setting Input field to contain window.location.href

Question

How do I get a input field to have the value of the current webpage URL using Javascript?

My proposed approach:

<script>
    var holder = window.location.href;
</script>

<input id="moo" value= holder>

But your code doesn't really appear to be relevant to the problem?.. — nicael, Jan 17 '16 at 19:07
None of this makes sense. Objective is not clear and doesn't seem to have any relation to the code shown. Please explain exactly what you want to accomplish and expected behaviors — charlietfl, Jan 17 '16 at 19:08
@charlietfl- You seem to know what my question is about. Thank you. Is their anyway to set the input field to have the value of the current page using the window.location.href method? — Bobshark, Jan 17 '16 at 19:18

score 3 · Accepted Answer · answered Jan 17 '16 at 19:41

To set the value of a text input field to the location of the current page, first, we have to set up the HTML correctly:

<input type="text" id="moo">

With JavaScript, we can easily select this element with a call to document.getElementById, passing in the id of the text field as a parameter:

var input = document.getElementById("moo"); // "moo" is the 'id' of the text field

Now, we can assign the value of the text field to location.href:

input.value = location.href;

Now our input field will contain the location of the current webpage.

var input = document.getElementById("moo"); // "moo" is the 'id' of the text field
input.value = location.href;

<input type="text" id="moo">

score -1 · Answer 2 · answered Jan 17 '16 at 18:58

-1

HTML

<input type="text" id="url" placeholder="type the url to navigate to" />
<button id="search">
  search
</button>

JS

$(function() {
    $("#search").click(function() {
    var url = $("#url").val();

    window.location.href = url;
  });
});

answered Jan 17 '16 at 18:58

Anwar

2 Answers2