Modification d'un lien html dynamiquement

**spasme** · 29/02/2020, 15h08

Bonjour,

Le soucis est le suivant,

J'ai un lien avec un id "link" et un formulaire avec 3 radio bouton et un input submit avec l'attribut onclick="teste()".

la fonction teste() fonctionne et modifie bien mon lien en fonction du bouton radio sélectionner seulement une fois sortie de la fonction le lien retrouve son href d'origine.

ma question est comment conserver les modifications effectuer dans ma fonction qui s'active lors de l’événement "onclick" de mon input submit.

le code javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function teste() {
	var inputs = document.getElementById("formulaire").getElementsByTagName("input");
	var array = ["site1.com", "site2.com", "site3.com"];
	var link = document.getElementById("link");
 
	for(var i = 0; i < 3; i++){
		if(inputs[i].checked == true){
			link.href = array[i];
			alert(link.innerHTML);
		}
	}
};

Merci.

**javatwister** · 29/02/2020, 15h50

Ben tu peux toujours faire ça mais l'utilité reste à démontrer:

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<body>
 
<p>
	<a href="" id="link">lien</a>
</p>
 
<form id="f" action="">
	<div>
		<input type="radio" name="r" value="site1.com" />site1<br />
		<input type="radio" name="r" value="site2.com" />site2<br />
		<input type="radio" name="r" value="site3.com" />site3<br />
		<p>
			<input type="submit" />
		</p>
        </div>
 
<script>
 
document.forms["f"].addEventListener("submit",(e)=>{
        e.preventDefault();
        document.getElementById("link").href=document.forms["f"]["r"].value
})
</script>

Par ailleurs, ne lance pas un événement onclick sur un input submit; c'est sur le form qu'il faut déclarer un événement onsubmit;

Modification d'un lien html dynamiquement

JavaScript

Discussions similaires

Partager

Partager