Balise <option> formulaire de contact
Résolu
Mrjack83
Messages postés
13
Date d'inscription
Statut
Membre
Dernière intervention
-
Mrjack83 Messages postés 13 Date d'inscription Statut Membre Dernière intervention -
Mrjack83 Messages postés 13 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je viens vers vous pour solliciter votre aide.
Dans un formulaire de contact, j'ai le code suivant :
Ville : <select name="ville">
<option>Draguignan</option>
<option selected="selected">Le Muy</option>
<option>Puget sur Argens</option>
<option>Trans en Provence</option>
<option>Autre</option>)
</select>
J'aimerais que lorsque qu'une personne sélectionne "Autre", cela active un champ texte où elle pourra renseigner sa ville.
Qqun aurait-il une solution à me faire parvenir ?
Je vous remercie d'avance,
Mrjack
Je viens vers vous pour solliciter votre aide.
Dans un formulaire de contact, j'ai le code suivant :
Ville : <select name="ville">
<option>Draguignan</option>
<option selected="selected">Le Muy</option>
<option>Puget sur Argens</option>
<option>Trans en Provence</option>
<option>Autre</option>)
</select>
J'aimerais que lorsque qu'une personne sélectionne "Autre", cela active un champ texte où elle pourra renseigner sa ville.
Qqun aurait-il une solution à me faire parvenir ?
Je vous remercie d'avance,
Mrjack
A voir également:
- Balise <option> formulaire de contact
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook - Guide
- Formulaire de reclamation instagram - Guide
- Balise br ✓ - Forum Webmastering
- Balise </br> - Forum HTML
5 réponses
attention il ne faut pas oublier value="..." dans les <option>
une solution:
une solution:
<script type="text/javascript">
function autre_input(){
var obj1=document.getElementById('ville');
if(obj1.value=="Autre"){
var obj2=document.getElementById('new_input');
obj2.innerHTML='<br />Saisir le nom de la ville:<br /><input type="text" name="autre_ville" value="" />';
}
}
</script>
<select name="ville" id="ville" onChange="autre_input();">
<option value="Draguignan">Draguignan</option>
<option value="Le Muy" selected="selected">Le Muy</option>
<option value="Puget sur Argens">Puget sur Argens</option>
<option value="Trans en Provence">Trans en Provence</option>
<option value="Autre">Autre</option>)
</select>
<div id="new_input"><!-- la va venir le nouvel input --></div>
Bonjour
Merci beaucoup Alain, je vais tester ceci dès que possible. Je pensais bien qu'il fallait que j'intègre du javascript, mais n'étant pas expert j'ai préféré demander de l'aide.
Je vous tiens au courant et encore merci.
Merci beaucoup Alain, je vais tester ceci dès que possible. Je pensais bien qu'il fallait que j'intègre du javascript, mais n'étant pas expert j'ai préféré demander de l'aide.
Je vous tiens au courant et encore merci.
Ok alors j'ai testé, votre code fonctionne nickel en local, cad en lançant la page en elle-même.
Cependant, si je passe par wamp (http://localhost/..../form.html), le script ne fonctionne pas. Je suppose que cela vient de Wamp, je vais chercher un peu pour voir si ce problème est connu.
Encore merci.
Cependant, si je passe par wamp (http://localhost/..../form.html), le script ne fonctionne pas. Je suppose que cela vient de Wamp, je vais chercher un peu pour voir si ce problème est connu.
Encore merci.
chez moi il fonction aussi avec wamp http://localhost....
je ne vois pas pourquoi d'ailleurs ça ne marcherait pas le pb ne vient pas de wamp par lui même
as tu une erreur ?
je vois que tu utilises firefox essayes donc de regarder dans la console d'erreur
menu Outils Console d'erreur
elle te donnes les erreurs Javascript
tiens je t'ai un peu amélioré le code
je ne vois pas pourquoi d'ailleurs ça ne marcherait pas le pb ne vient pas de wamp par lui même
as tu une erreur ?
je vois que tu utilises firefox essayes donc de regarder dans la console d'erreur
menu Outils Console d'erreur
elle te donnes les erreurs Javascript
tiens je t'ai un peu amélioré le code
<script type="text/javascript">
function autre_input(){
var obj1=document.getElementById('ville');
var obj2=document.getElementById('new_input');
if(obj1.value=="Autre"){
obj2.innerHTML='<br />Saisir le nom de la ville:<br /><input type="text" name="autre_ville" value="" />';
}else{
obj2.innerHTML=''; //si on rechoisit une autre ville ça efface l'input
}
}
</script>
<select name="ville" id="ville" onChange="autre_input();">
<option value="Draguignan">Draguignan</option>
<option value="Le Muy" selected="selected">Le Muy</option>
<option value="Puget sur Argens">Puget sur Argens</option>
<option value="Trans en Provence">Trans en Provence</option>
<option value="Autre">Autre</option>)
</select>
<div id="new_input"><!-- la va venir le nouvel input --></div>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
