begin process at 2010 02 09 23:16:04
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

Débutants

 > 

aidez moi svp pb avec les select


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

aidez moi svp pb avec les select

mercredi 15 décembre 2004 à 13:40:33 | aidez moi svp pb avec les select

deblok83

bonjour voila j'ai 2 select dans mon code je voudrai que lorsque une valeur du premier select a été selectionner sa rempli le 2ieme select dynamiquement en fonction de ce qui a été choisit
voila le debut du code

<FORM name="frm" method="POST">
<select size=11 name="selectmarque" onchange="">
<option value="0" selected>Marque</option>
<option value="1">Alcatel</option>
<option value="2">LG</option>
<option value="3">Maxon</option>
<option value="4">Nec</option>
<option value="5">Nokia</option>
<option value="6">Panasonic</option>
<option value="7">Samsung</option>
<option value="8">Siemens</option>
<option value="9">Sony</option>
<option value="10">Telital</option>
</select>

<select name="selectmodele" >
//charge les modeles selon la marque selectionner dans le select ci dessus
//exemple si on a selectionner Nokia on charge les modeles <option value="1">3310</option><option value="2">3410</option> etc...


</select>

</FORM>

voila merci de m'aider
mercredi 15 décembre 2004 à 13:59:59 | Re : aidez moi svp pb avec les select

the_smurf

Une possibilité parmi bien d'autres

<html>
<head>
<script>
var oldId = "div0";

function display(_value){
var _id = "div"+_value;
document.getElementById(oldId).style.visibility="hidden";
document.getElementById(_id).style.visibility="visible";
oldId = _id;
}

</script>
</head>
<body>

<FORM name="frm" method="POST">
<select size=11 name="selectmarque" onchange="display(this.value)">
<option value="0" selected>Marque</option>
<option value="1">Alcatel</option>
<option value="2">LG</option>
<option value="3">Maxon</option>
<option value="4">Nec</option>
<option value="5">Nokia</option>
<option value="6">Panasonic</option>
<option value="7">Samsung</option>
<option value="8">Siemens</option>
<option value="9">Sony</option>
<option value="10">Telital</option>
</select>

<div style="position:relative;top:0">

<div id="div0" name="marque" style="visibility:visible;position:absolute;top:0">
<select>
<option value="1"></option>
</select>
</div>

<div id="div5" name="nokia" style="visibility:hidden;position:absolute;top:0">
<select>
<option value="1">3310</option>
<option value="2">3410</option>
</select>
</div>

<div id="div1" name="alcatel" style="visibility:hidden;position:absolute;top:0">
<select>
<option value="1">alcatel1</option>
<option value="2">alcatel2</option>
</select>
</div>

<div id="div4" name="nek" style="visibility:hidden;position:absolute;top:0">
<select>
<option value="1">nec1</option>
<option value="2">nec2</option>
</select>
</div>

</div>

</FORM>

</body></html>
mercredi 15 décembre 2004 à 14:32:41 | Re : aidez moi svp pb avec les select

roro06


Bonjour

<script language="JavaScript" type="text/JavaScript">
var mod=new Array();
mod[1]=new Array("Alcatel 1", "Alcatel 2");
mod[2]=new Array("LG 1", "LG 2");
mod[3]=new Array("Maxon 1", "maxon 2");
mod[4]=new Array("Nec 1", "nec 2");
mod[5]=new Array("Nokia 1", "Nokia 2");
mod[6]=new Array("Panasonic 1", "Panasonic 2");
// etc...

function updateMod()
{
var newOpt;
var cl_=document.getElementById("selectmarque").value;
clearMod();
newOpt=new Option("<modele>", 0);
document.getElementById("selectmodele").options[0]=newOpt;
if (cl_!=0)
{
for (i_=0; i_<mod[cl_].length; i_++)
{
newOpt=new Option(mod[cl_][i_], mod[cl_][i_]);
document.getElementById("selectmodele").options[document.getElementById("selectmodele").length]=newOpt;
}
}
}

function clearMod()
{

while (document.getElementById("selectmodele").options.length>0)
document.getElementById("selectmodele").options[document.getElementById("selectmodele").options.length-1]=null;
}

</script>
</head>

<body>
<FORM name="frm" method="POST">
<select id="selectmarque" onchange="updateMod()">
<option value="0" selected><Marque></option>
<option value="1">Alcatel</option>
<option value="2">LG</option>
<option value="3">Maxon</option>
<option value="4">Nec</option>
<option value="5">Nokia</option>
<option value="6">Panasonic</option>
</select>

<select name="selectmodele" >
</select>

</FORM>

Cordialement
Roro webDev
mercredi 15 décembre 2004 à 14:54:27 | Re : aidez moi svp pb avec les select

roro06


Bonjour

oops !!
corriger en :
<select id="selectmodele" >
</select>


Cordialement
Roro webDev
mercredi 15 décembre 2004 à 15:22:53 | Re : aidez moi svp pb avec les select

deblok83

Merci c'est trés sympa j'ai opté pour la deuxieme solution qui me paraissé plus simple.
Merci quand meme à vous deux.
Cordialement Jamel.


=======================
Jamel le webmaster de www.deblok83.com
jeudi 15 décembre 2005 à 11:33:42 | Re : HELP : 3 select dynamiques !!

emilyz

Bonjour,

J'ai récupéré le code de la 2ème solution mais je voudrais l'adapter pour au moins 3 select dépendant les uns des autres. Le problème c'est que je ne vois pas du tout comment il faut faire.

Je voudrais 3 listes déroulantes dynamiques : société, site et métier
La liste "site" dépend de la liste "société" et la liste "métier" dépend des liste "societe" et "metier".

Serait-il possible de m'aider ?
HELP !!!

Merci


mercredi 22 mars 2006 à 23:30:56 | Re : aidez moi svp pb avec les select

mrshardax

Vite fait, une solution qui me parait plus propre :

le javascript :

function transfer(id_source, id_cible){
	var source=document.getElementById(id_source) ;
	var cible=document.getElementById(id_cible) ;
	i=0 ;
	while(i<source.length){
		if(source.options[i].selected){cible[cible.length]=source.options[i] ;}
		else{i++;}
	}	
}
le html :

    <table width='100%'>
    <tr>
    <td width='40%'>
    <select size="3" multiple="multiple" id="a">
        <option value="un" selected="selected">accept_rules</option>
        <option value="deux" selected="selected">alert_rules</option>
        <option value="trois" selected="selected">facility</option>
    </select>
    </td>
    <td width'20%'>
        <input type="button" value=">" onclick="transfer('a','b')"><br>
        <input type="button" value="<" onclick="transfer('b','a')"><br>
    </td>
    <td width='40%'>
    <select size="3" multiple="multiple" id="b">
    </select>
    </td>
    </tr>
    </table>


jeudi 23 mars 2006 à 09:39:57 | Re : aidez moi svp pb avec les select

roro06



Bonjour

Navré mais :
1/ ça répond pas à la question (par contre, ça répond à une autre qui vient d'être posée sur le forum)
2/ j'ai une erreur sous IE

Cordialement
Roro webDev


Cette discussion est classée dans : pb, code, select, selectionner, marque


Répondre à ce message

Sujets en rapport avec ce message

Pb js avec Netscape [ par manueg ] Bonjour à tous, je ne comprends pas pourquoi ce code fonctionne sans pb sous IE alors qu'avec Netscape il ne trouve pas la page que je veux afficher e Problème de compatibilié avec Netsape [ par thebigbang ] bonjour à vous, j'ai ce code js qui tourne bien sous IE, mais sous netscape ce ne marche pas du tout.L'argument select représente un select sur la pag pb de code ... [ par cristina49 ] bonjour,on m'a demander de corriger des erreurs dans du code html (pb de script dans la barre d'état en bas de l'écran). le problème c'est que je comp Selectionner tout les element d'un select [ par Cestmoi ] comment puis-je selectionner tout les elements d'une liste de choix en javascript ?Mon controle s'appelle "serv" et la fonction "sel().Merci ! Pb pour recuperer le contenu d'un form/select sous PHP [ par MarcStrup ] Bonjour,Le pb est le suivant :- Pour recuperer le contenu d'une liste (form/select de type liste), je dois nommer le select sous le forme 'monselect[] pb de vérification de formulaire [ par Yoobi ] bonjour à tous :)Je fais une page d'inscription dont je vérifie les champs avec des fonctions en javascript.Le hic est que les fonctions ne semblent p Script pour deplacer un select d une liste vers une autre [ par supobi ] Bonjour tlm :)Voila j essai d utiliser ce script : http://www.javascriptfr.com/code.aspx?ID=21998Mais je n arrive pas a recuperer la liste 2 sous form pb de focus [ par ronanf235 ] bonjour sur mon site, lorsque l'utilisateur veut changer son mdp, je lui ouvre une fenetre avec le formulaire classique ancien + nouveau*2 + valider j pb de focus [ par ronanf235 ] bonjour sur mon site, lorsque l'utilisateur veut changer son mdp, je lui ouvre une fenetre avec le formulaire classique ancien + nouveau*2 + valider j Pb avec Select --> URGENT [ par AshenShugar ] Salut,J'ai un probleme qui va peut etre vous paraitre con, mais je n'arrive pas a savoir combien d'élèment il y a dans ma liste.Voila ce que je fais :


Nos sponsors


Sondage...

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,452 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales