Comment modifier une partie d'url à l'aide de deux balises select en JS ?

**plefever** · 21/03/2016, 10h30

J'ai du mal à me sortir d'un problème.
J'ai deux balises Select qui doivent modifier deux parties précises d'une URL qui elle même s'inscrit dans un INPUT.
Un minimum de code vaut mieux qu'un long discours:

Code :

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
<html>
<head>
</head>
<body>
<form name="formulaire">
<select name="region" onChange="" size="1">
<option value="">Choisir région</option>
<option value="A">France</option>
<option value="B">Belgique</option>
<option value="C">Suisse</option>
<option value="D">Italie</option>
</select>
<select name="type" onChange="" size="1">
<option value="">Choisir type</option>
<option value="wind">vent</option>
<option value="rain">pluie</option>
</select>
<INPUT NAME="URL"; value="http://www.lesitedébut/suite/TYPE_REGION_findeladresse" id="URL" size="66"><INPUT TYPE="button" NAME="RefreshButton" value="GO" style="cursor:pointer; color:red; font-weight:bold;" onClick="HandleSubmit()"></form>
</body>
</html>

J'ai réduit le tout au minimum pour faciliter la compréhension.
La partie TYPE dans l'url doit être modifiable par la valeur le la balise "type" et la partie REGION doit être modifiable par la valeur de la balise "région". Le reste de l'url ne doit pas changer.
Sachant que la balise "région" contient une quarantaine d'entrées et 7 pour la balise "type". La page reste en local sur la machine.
Je m'arrache les cheveux !!!
Quelqu'un aurait la gentillesse de m'éclairer ? (je suis débutant)
Merci

**mathieu** · 21/03/2016, 11h40

au lieu de mettre l'URL dans une balise "input" il vaut mieux juste l'afficher dans un "span" pour éviter que l'utilisateur le modifie.
donc vous récupérez les valeurs des champs type et region, vous placez les valeurs dans l'URL avec le code suivant et vous l'affichez dans le "span"

Code :

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

1
2
3
4
5
6
7
8
9
var url = "http://www.lesitedébut/suite/%TYPE%_%REGION%_findeladresse";
 
var type = "abc";
url = url.replace("%TYPE%", type);
 
var region = "Y";
url = url.replace("%REGION%", region);
 
console.log(url);

**plefever** · 21/03/2016, 13h24

Merci, mais l'utilisateur (moi en l’occurrence) doit garder la possibilité de modifier complètement l'URL si il le désire. C'est pourquoi j'utilise une balise "input"
La solution semble proche de cette manière. Je ne suis pas encore arrivé à l'écrire correctement.... quelque chose doit m'échapper.
Je cherche encore, mais si vous avez un peu de temps pour moi, ça m'en ferai gagner beaucoup

**mathieu** · 21/03/2016, 21h36

dans ce cas la balise "input" peut rester pour l'URL (peut-être il faudrait tester si les éléments "%TYPE%" et "%REGION%" sont obligatoires dans l'URL ?)

et ensuite le remplacement peut se faire sur la cible du formulaire (un script en PHP au hasard ?)

**plefever** · 22/03/2016, 06h28

Je n'y connait rien en PHP... et cette page doit être en local. Je suis tout a fait amateur en écriture Html et Java. Généralement je me débrouille et arrive à mes fin par obstination, mais là je sèche...

**mathieu** · 22/03/2016, 14h19

Alors là il faudrait que vous nous expliquez mieux ce que vous souhaitez obtenir.
Depuis le début, vous nous dites seulement ce que vous ne voulez pas donc on peut moins bien vous aider comme ça.

Comment modifier une partie d'url à l'aide de deux balises select en JS ?

JavaScript

Vue hybride

Discussions similaires

Partager

Partager