script JS qui affiche une zone de texte en fonction d'un select

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : script JS qui affiche une zone de texte en fonction d'un select

bedomon

La vérité est ailleurs

bijour tout le monde,

voila j'ai un champ text qui est par defaut disabled, et en fonction des chois du select je voudrais le rendre actif..

j'ai fait ca:

Code :

<select id="menu" name="menuPays" tabindex="5">
<option value="France" selected="selected">France</option>
<option value="Dom-Tom">Dom-Tom</option>
<option value="Belgique">Belgique</option>
<option value="Suisse">Suisse</option>
<option value="Autre" onclick="document.getElementById('Autre').disabled=false">Autre...</option>
</select>
<input type="text" disabled="disabled" name="autrePays" id="Autre" class="autrePays" />

mais ca ne fonctionne pas...
quelqu'un aurait une petite idée???

merci d'avance

Message édité par bedomon le 21-02-2006 à 16:43:34

Publicité

gatsu35

Blablaté par Harko

un peu de recherche ne te fera pas de mal, on nous a posé cette question 2 fois la semaine dernière

http://forum.hardware.fr/hardwaref [...] 4439-1.htm
http://forum.hardware.fr/hardwaref [...] 4892-1.htm

bedomon

La vérité est ailleurs

merci gatsu,
javais fai un recherche juste avec select et j'ai vu c'est deux post mais j'avai pas fais attention au contenu je croyai que celui de loothof parlais de popup qu ne fonctionnais pas, j'ai bien relu et ca marche,

bedomon

La vérité est ailleurs

en fait ca ne marche pas tout a fais comme je voudrais,
quand je selectionne une des mes options de mon select cela m'affcihe bine ma zone de texte, mais quand je reviens sur un autre choix du select la zone de texte reste visible, ja'i donc essayer de faire ca avec un petit script JS mais ca ne fonctionne pas tres bien a vrai dire:

Code :

<select id="menu" name="menuPays" tabindex="5">
<option value="France" selected="selected">France</option>
<option value="Dom-Tom">Dom-Tom</option>
<option value="Belgique">Belgique</option>
<option value="Suisse">Suisse</option>
<option value="Autre" >Autre...</option>
</select>
<script language="javascript" type="text/javascript">
if document.getElementById('menu').selectedIndex='4' {
document.getElementById('Autre').style.visibility='visible';
else
document.getElementById('Autre').style.visibility='hidden';}
</script>
<input type="text" name="autrePays" id="Autre" class="autrePays" tabindex="6"/>

quelqu'un aurait il une idée ???

meci d'avance

bedomon

La vérité est ailleurs

j'ai encore fai des modifications pour afficher mon petit champ texte mais elle n'as pas l'air tres efficace

Code :

<select id="menu" name="menuPays" tabindex="5" onchange="document.getElementById('AutrePays').style.visibility = (this.options[this.selectedIndex].value=='autre'? 'visible');">
<option value="france" selected="selected">France</option>
<option value="dom-tom">Dom-Tom</option>
<option value="belgique">Belgique</option>
<option value="suisse">Suisse</option>
<option value="autre" >Autre...</option>
</select>

je me sers bien du onchange mais c'est ce qu'il y a derrier qui ne marche pô... :??:

gatsu35

Blablaté par Harko

ben C que tu ne sais pas encore coder lol

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<script type="text/javascript">
function check(selectedobject) {
var objetId = selectedobject.value;
var choice = document.getElementById("choice" );
var leschoix = choice.getElementsByTagName("DIV" );
for (var i=0; i<leschoix.length;i++) {
if (leschoix[i].className.indexOf("choice" )!=-1) {
leschoix[i].style.display= (leschoix[i].id.toLowerCase()==objetId.toLowerCase()) ? "block" : "none";
}
}
}
</script>
</head>
<body>
<form>
<select onchange="check(this)">
<option>Choisissez</option>
<option value="bloc1">bloc1</option>
<option value="bloc2">bloc2</option>
<option value="bloc3">bloc3</option>
</select>
<fieldset id="choice">
<div class="choice" id="bloc1" style="color:blue">
Sourycette<div>un div encore dedans pour la demo</div>
</div>
<div class="choice" id="bloc2" style="color:red">
Est une chaudasse<div>un div encore</div><span>un span aussi pour la demo</span>
</div>
<div class="choice" id="bloc3" style="color:yellow">
Sourycette la chaudasse du ass
</div>
</fieldset>
</form>
</body>
</html>

j'aurai pu faire encore plus simple, genre eviter un class="choice" et donc du JS en moins, mais c'est pour permettre un maximum de possibilités

HEU TOUCHE PAS à CE CODE C'EST PAS CE QUE TU AS DEMANDE, ATTEND DEUX SECONDES

Message édité par gatsu35 le 22-02-2006 à 12:14:00

gatsu35

Blablaté par Harko

voila :

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<script type="text/javascript">
function check(selectedobject) {
var payschoisis = selectedobject.value;
var inputpays = document.getElementById("paysautre" );
inputpays.style.visibility = (payschoisis == "AutrePays" ) ? "visible" : "hidden";
}
</script>
</head>
<body>
<form>
<select onchange="check(this)">
<option>Choisissez</option>
<option value="france">France</option>
<option value="Russie">Russie</option>
<option value="Belgique">Belgique</option>
<option value="AutrePays">Autre Pays</option>
</select>
<input type="text" name="paysautre" id="paysautre" style="visibility:hidden">
</form>
</body>
</html>

gatsu35

Blablaté par Harko

en une seule ligne

Code :

<form>
<select onchange="document.getElementById('paysautre').style.visibility = (this.value == 'AutrePays') ? 'visible' : 'hidden';
">
<option>Choisissez</option>
<option value="france">France</option>
<option value="Russie">Russie</option>
<option value="Belgique">Belgique</option>
<option value="AutrePays">Autre Pays</option>
</select>
<input type="text" name="paysautre" id="paysautre" style="visibility:hidden">
</form>

gatsu35

Blablaté par Harko

Et vu comment tu utilise l'operateur conditionnel ? tu auras du mal lol

c'est :

valeurretournee = (condition1==condition2) ? valeursivrai : valeursifaux;

FORUM HardWare.fr

Programmation

HTML/CSS

script JS qui affiche une zone de texte en fonction d'un select

Sujets relatifs
script shell	DirectX: déplacer la caméra en fonction de la souris
recherche de script pour page web	creation de script pour les comptes d'AD
Largeur d'un texte suivant sa police et sa taille	recherche de script
proteger du texte dans un xml	script pour lancer une connection internet sous xp
Texte dans SWF externe invisible :(	fonction FORM : modification taille
Plus de sujets relatifs à : script JS qui affiche une zone de texte en fonction d'un select

Page générée en 0.098 secondes