How to pass a variable into a input value on page load?

Question

The input field is not printing the value generated from the function domainRef.

Here is my code :

<div id="divref" onpageshow="domainRef()">

<script>
function domainRef(){
var ref = document.referrer.toString();
 document.getElementById("test").value = ref ;
}                          
</script>
</div> 

<input type="hidden" id="test" value="">

Probably executing before the DOM has finished rendering. Try using something like [this](https://stackoverflow.com/questions/799981/document-ready-equivalent-without-jquery) — Lewis, Apr 05 '19 at 10:23

Marcus · Answer 1 · 2019-04-05T10:49:19.250

1

The following works for me:

<div id="divref">
  <script>
    window.onload = domainRef;

    function domainRef() {
      var ref = document.referrer.toString();
      document.getElementById("test").value = ref;
    }
  </script>
</div>
<input type="hidden" id="test" value="">

The problem is that most likely the DOM has not been fully loaded when theonpageshow event is triggered. A similar solution is to trigger the function using the onload event attribute on the body element.

<body onload=domainRef()>
  <div id="divref">
    <script>
      function domainRef() {
        var ref = document.referrer.toString();
        document.getElementById("test").value = ref;
      }
    </script>
  </div>
  <input type="hidden" id="test" value="">
</body>

For the latter solution I have created a jsFiddle where I have removed the hidden attribute to show the input field with the resulting value.

edited Apr 05 '19 at 10:49

answered Apr 05 '19 at 10:29

Marcus

745
6
17

The returning value is empty... i tried with
... but it is the same !
– B4b4j1 Apr 05 '19 at 10:45
You need to place the event attribute on the body element! The body must be fully loaded! – Marcus Apr 05 '19 at 10:46
Now, I have also added a JsFiddle for demo – Marcus Apr 05 '19 at 10:49
1

Btw, it also works if you use `onpageshow` instead of `onload`. The essential bit is that it must be applied on the body element in your example. – Marcus Apr 05 '19 at 10:53
Thanks for the example on JsFiddle ! – B4b4j1 Apr 05 '19 at 10:59

score 1 · Accepted Answer · answered Apr 05 '19 at 10:31

Try this one

<div id="divref"></div>
<input type="hidden" id="test" value="">
<script>
  domainRef();
  function domainRef(){
    var ref = document.referrer.toString();
    document.getElementById("test").value = ref ;
  }                          
</script>

How to pass a variable into a input value on page load?

2 Answers2