Rechercher : dans
Par :

Select avec javascript

Dernière réponse le 7 mai 2009 à 20:49:11 youkisall, le 22 fév 2008 à 05:28:01 
 Signaler ce message aux modérateurs

Bonjour,
<form name="test" method="POST">
<select name="article1" onchange="changeListes(this)">
<option value="0">choisir</option>
<option value="1">premier</option>
<option value="2">deuxieme</option>
<option value="3">troisiemee</option>
</select>
<select name="article2" onchange="changeListes(this)">
<option value="0">choisir</option>
<option value="1">premier</option>
<option value="2">deuxieme</option>
<option value="3">troisiemee</option>
</select>

<select name="premier" >
<option>serie1</option>
<option>serie2</option>
<option>serie3</option>

</select>
<select name="deuxieme" >
<option>serieA</option>
<option>serieB</option>
<option>serieC</option>

</select>


</form>

Bonjour je veux de l aide pour faire une fonction appelee par exemple chaneListes qui fait ceci :
Si dans le premier select appale "article1" on fait un choix alors la liste des choix du select appelé "premier es active a cote" pour qu puisse faire
un choix par mi la liste des serie 1, ou serie 2....
Parcontre si dans le premier select on fait le choix "deuxieme" c'est la liste du dernier select qui s'offre a nous au lieu de pouvoir faire serie 1, serie 2
on pourra seulement choisir les serie a ...
Un exemple pratique pour mieux faire comprendre c'est qd tu vas dans un site de vente en ligne si tu choisi par exemple parmi une liste de produit, il apparait
juste a cote une liste des prix des differents cathegories de ce produit
Et si tu choisi autre produit une autre liste de select d eprix est construite dynamiquement
J ai fait cette fction suivante mais elle me donne de serreurs merci

function changeListes {
if (article1.options[article1.selectedIndex].value== 1){
document.test.premier.select();
els
if (article1.options[article1.selectedIndex].value == 2)
document.deuxieme.select(n);
}

Configuration: Windows Vista
Internet Explorer 7.0

Meilleures réponses pour « select avec javascript » dans :
Javascript - Les événements Voir Qu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...
Javascript - Manipulation des contrôles clavier VoirManipulation des contrôles clavier Cette astuce a pour but de vous faire découvrir la (ou du moins une) manière de contrôler les évènements clavier en javascript. Cela vous permettra de contrôler/attribuer les/des comportements particuliers à...
Javascript - Modifier la hauteur (height) d'un élément HTML VoirPour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il...
Popup en CSS, sans Javascript VoirVoici comment réaliser une popup d'information en pure CSS, sans Javascript. L'astuce est d'utiliser :hover de manière à utiliser des CSS différents au passage du curseur. Parmis les attributs CSS modifiés, on utilise display:none afin de...
Javascript - Les variables VoirLe concept de variable Une variable est un objet repéré par son nom, pouvant contenir des données, qui pourront être modifiées lors de l'exécution du programme. En Javascript, les noms de variables peuvent être aussi long que l'on désire,...
Javascript - Introduction au langage Javascript VoirQu'est-ce que le Javascript? Le Javascript est un langage de script incorporé dans un document HTML. Historiquement il s'agit même du premier langage de script pour le Web. Ce langage est un langage de programmation qui permet d'apporter des...
Javascript - L'objet window VoirLes particularités de l'objet window L'objet window est l'objet par excellence dans Javascript, car il est le parent de chaque objet qui compose la page web, il contient donc : l'objet document: la page en elle-même l'objet location: le lieu de...

1

enfer, le 9 jui 2008 à 00:36:00

On le fait avec ajax patate

Répondre à enfer

2

hells_dark, le 19 jui 2008 à 23:17:38

Ajax pour récupérer dynamiquement des informations de la base de données ou de fichiers, oui.
Mais la dynamique du truc reste du javascript..
Et ce n'est pas une façon de parler.

Répondre à hells_dark

3

petinouv, le 19 jui 2008 à 23:21:55

Et si tu réécrivais le contenu de ton <form> dynamiquement avec innerHTML ?

Répondre à petinouv

4

 theduc, le 7 mai 2009 à 20:49:11

Il te suffit, au plus simple, d'utiliser des "div" pour cacher les différents modules. J'utilisa ça régulièrement :
<div id="1" style="display:none;">(...)</div>
<script>
document.getElementById("1").style.display="none"; // Pour cacher
document.getElementById("1").style.display="block"; // Pour afficher en bloc
document.getElementById("1").style.display="inline"; // Pour afficher en ligne (+ - = à span)
</script>

Répondre à theduc
Collection CommentÇaMarche.net