begin process at 2010 03 21 00:34:26
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Autre

 > 

2 listes déroulantes dépendantes


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

2 listes déroulantes dépendantes

lundi 16 octobre 2006 à 12:21:23 | 2 listes déroulantes dépendantes

rudddy

Je fais encore appel à vous et vos talents de javascripteurs.

 

j'ai 2 listes déroulantes :

[HTML]<select name="num_1" id="num_1" class="case" onChange="ChangeNum2()">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>

<option value="10">10</option>

</select>
...

<select name="num_2" id="num_2" class="case">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>

<option value="10">10</option>

</select>[/HTML]

 

En fait je voudrais que le user choisisse un intervalle : par exemple de 3 à 10

 

Donc je veux que quand il sélectionne dans la 1ere liste 3 (par exemple), la 2ème liste ne propose pas les choix 1 et 2 !! (pour ne pas avoir un choix de 3 à 1 !! mais que de 3 à 4 ou 3 à 5 ...

 

Merci de votre aide !!!

lundi 16 octobre 2006 à 12:36:02 | Re : 2 listes déroulantes dépendantes

Zobibol

Salut,
Ceci correspondrait-il à tes attentes :
la méthode ChangeNum2() devient :
function ChangeNum2(obj){ 
    var select2 = document.getElementById("num_2");
    var init = parseInt(obj.value);
    select2.innerHTML="";
    for ( var i = init+1; i <=10; i++){
     var nOption = document.createElement("option");
     nOption.value = i;
     nOption.innerHTML = i;
     select2.appendChild(nOption);
    }
   }
dans ton premier select  :
onchange
devientonChange="ChangeNum2(this)"
et ton deuxième select ( rien dedans ) :

<select name="num_2" id="num_2" class="case"></select>

?
[o-_-o]

lundi 16 octobre 2006 à 12:36:30 | Re : 2 listes déroulantes dépendantes

bultez

Membre Club





Bonjour,

   un ch'tit exemple.... si j'ai compris !


<script type="text/javascript">
 function ChangeNum2(lst)
 {
  document.frm.num_2.length=0;
  for ( var n=lst.selectedIndex+1;n<=lst.length;n++ )
  {
   document.frm.num_2.length++;
   document.frm.num_2.options[document.frm.num_2.length-1].text=n;
   // par exemple, on pourrait reprendre ce qu'il y a dans num_1
  }
 }
</script>

<form name="frm">
<select name="num_1" id="num_1" class="case" onChange="ChangeNum2(this);" size=3>
 <option>1</option>
 <option>2</option>
 <option>3</option>
 <option>4</option>
 <option>5</option>
 <option>6</option>
 <option>7</option>
 <option>8</option>
 <option>9</option>
 <option>10</option>
</select>

<select name="num_2" id="num_2" class="case" size=3>
</select>
</form>



Cordialement Bul [mon Site] [M'écrire]


lundi 16 octobre 2006 à 12:46:09 | Re : 2 listes déroulantes dépendantes

rudddy

Zobibol, ça marche super

Mainetenat si au lieu de 10 je veux mettre une valeur dynamique contenu dans ma variable $total en php.
J'ai fait ça et ça marche pas !!

for ( var i = init; i <=<? echo($total); ?>; i++)

Comment insérer du PHP dans du javascript ???

Merci

lundi 16 octobre 2006 à 12:51:35 | Re : 2 listes déroulantes dépendantes

rudddy

Je viens de retester comme cela et ca marche !!!

 for ( var i = init; i <= <? echo($total); ?>; i++){

Peut être un problème d'espace entre le < et le <?

en tout cas merci de votre aide



Cette discussion est classée dans : html, exemple, listes, dépendantes, déroulantes


Répondre à ce message

Sujets en rapport avec ce message

controler des listes déroulantes en javascipt dans du PHP [ par animallecter ] Tout est quasiment dans le titre mais je vais expliquer 1 peu plus:J'ai 2 listes déroulantes qui se suivent et la deuxième doit dépendre de l'autre, d listes déroulantes liées en php [ par ludovic31000 ] J'ai un petit problème!!!Je voudrais créer des listes déroulantes liées les unes aux autres en récupérants les informations dans une base de données.. Listes déroulantes liées (requêtes sql + php) [ par orelien ] Bonjour,J'aimerais relier deux listes déroulantes remplies par une base de données. La première correspond à la table "rubriques" et l'autre à la tabl Taille de caractères [ par Vincentsoft ] Salut,J'ai remarqué que tous les caractères, dans une page HTML, ne font pas la même largeur (en pixel).Par exemple, si j'écrit sur une ligne 100 cara Synchronizer 3 listes déroulantes [ par iomega ] Bonjour à tous je voudrai savoir si c'est possible en javascript de synchronizer 3 listes déroulange c'est-à-dire que dans la 1ère j'ai mes titres dan A partir de 2 listes déroulantes en générer une 3ème?? [ par marika31 ] Salut à tous,N ayant jamais codé en Javascript j'avoue être totalement dans le brouillard...J'ai 2 listes déroulantes faites à partir de 2 "SELECT"sur Listes déroulantes qui ont un lien entre elles [ par fa0007 ] Da hello ! Bon, je suis un gros débutant en javascript, voici pour ma présentation ^^. Et voici mon problème : J'aimerais faire deux listes d plusieurs listes déroulantes dynamiques [ par jycks ] Bonjours j'ai posé cette question dans le forum de php et on m'a dit que ma question concernait le javascript je voudrais donc savoir comment liées de J'ai un pb de listes déroulantes [ par ratalene ] Bonjour, je dois développer une appli. qui dois faire apparaître des listes déroulantes (jusque là tout va bien). Ces listes déroulantes doivent appar Besoin d'aide pour du HTML svp [ par dreamdavid ] Bonjour tout le monde, je tiens a feliciter ce forum qui vas beaucoup m'aider, avec tout se qui se trouve sur le site c vraiment genial pour un debuta


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

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,296 sec (3)

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