iframe src change on button click

Question

I want to change src of iframe after button click. i cant find a solution

     <iframe id="Pencere" name="window" src="https://stackoverflow.com/" ></iframe>
     <input id="number" name="Number" type="text" >            
     <input id="button" class="button button1" type="button" value=" Jump " onclick="javascript:jump()"/>

     <script type="text/javascript">
     function jump()
      {              
        var number= document.getElementById("number").value;
        var url = "https://www.otherwebsite.com/"+number+"/1";
        document.getElementById("Pencere").src = url;
      }  
</script>

Result after button click:

i want to go to an other website in iframe with an input variable on button click — biber54
– biber54, Commented Dec 4, 2019 at 13:03
You are doing good. but first, check if there is exist the URL which you provide in the var url — Krupal Panchal
– Krupal Panchal, Commented Dec 4, 2019 at 13:06

user6250770 · Accepted Answer · 2019-12-04 13:08:07Z

2

function newSrc() {
  var e = document.getElementById("MySelectMenu");
  var newSrc = e.options[e.selectedIndex].value;
  document.getElementById("MyFrame").src=newSrc;
}

<iframe src="https://beamtic.com/" style="width:450px;height:450px;overflow:scroll;" id="MyFrame"></iframe>
<select id="MySelectMenu">
  <option value="https://beamtic.com/">Beamtic</option>
  <option value="https://fr.wikipedia.org/wiki/Main_Page">Wiki</option>
</select>
<button onClick="newSrc();">Change Iframe Src</button>

Hope you are looking for this kind of functionality

edited Dec 4, 2019 at 13:08

answered Dec 4, 2019 at 13:03

user6250770

6922 gold badges10 silver badges26 bronze badges

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

Collectives™ on Stack Overflow

iframe src change on button click

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related