Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : 2 listes déroulantes dépendantes [ JavaScript et le navigateur / Autre ] (rudddy)

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é 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...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :

Comparez les prix Nouvelle version

Photothèque Nouveau !



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
Temps d'éxécution de la page : 0,265 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.