waarom wordt link niet aangepast?

Door Paul Weiss op 28-03-2022 16:55 gewijzigd op 28-03-2022 16:56

2.257 views

Ik heb onderstaande script. Nadat ik op de button heb geklikt gaat alles goed. de waarde van id wordt weergegeven in het formuliertje. Hier kan ik vervolgens een link opgeven. Ook dit wordt vervolgens allemaal netjes doorgezet naar functie "process2". Via alert zie ik ook dat de waarde van "id" en de link goed worden weergegeven. echter de link wordt niet aangepast. iemand een idee wat er fout gaat?



<body>

<a id ="button7" onclick = "buttonlink(this.id)" href="#" target="_blank" class="button-slidein">Verder</a>

  
<form action="" onsubmit="process2()">
Geef link op: <input type="text" id='mijnlink' name="mijnlink">
Hiernaast de id_waarde van element: <input type='text' id='id2' name="id2"/>
 <input type="submit" value="Submit">
</form>
  
  
<script>

function buttonlink(clicked_id) {

//alert(url);
var id = clicked_id;
alert(id);    
document.getElementById('id2').value= id ; 

}


function process2() {

var url = document.getElementById("mijnlink").value;
var id =  document.getElementById("id2").value;

alert (url);
alert (id);

var setlink = document.getElementById(id);
setlink.href = url;

}

</script>

  
</body>

A Adoptive Solution

28-03-2022 17:34 gewijzigd op 28-03-2022 17:40

Probeer het zo eens :

 <body>

<p><a id ="button7" href="#" target="_blank" class="button-slidein">Verder</a></p>

<form onsubmit="process2(); return false;">
Geef link op: <input type="text" id='mijnlink' name="mijnlink" placeholder="zonder http:// of https://"><br />
Hiernaast de id_waarde van element: <input type='text' id='id2' name="id2"/><br />
 <input type="submit" value="Submit">
</form>

<script>

function process2() {

var url = document.getElementById("mijnlink").value;
var id =  document.getElementById("id2").value;

alert (url);
alert (id);

var setlink = document.getElementById('button7');
setlink.id = id;
setlink.href = 'http://' + url;

}

</script>

</body>

Reageren

Inloggen om te reageren