Modifier contenu d'un SELECT

Version imprimable

Bonjour à tous,

Je recherche une méthode pour modifier le contenu d'un SELECT.
Les données qui doivent être changées sont dans des ARRAY.

En gros :
1. Vider le SELECT en question (via son ID)
2. Faire une boucle sur le ARRAY et ajouter sous la forme

Code:

<option value="CLEF_ARRAY">VALEUR_ARRAY</option>

Voici mon code actuel, basic, utilisant JQuery :
Code:

1 2 3 4 5 6 7 8 $(document).ready(function(){ $('[data-toggle="popover"]').popover(); $('#monSelect').change(function() { var TBL = new Array('1','2','3'); //1. Vider la SELECT #monSelect //2. faire une boucle sur TBL et ajouter les datas. }); });
Merci pour votre aide.

Bonsoir, à priori c'est simple:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
$(document).ready(function(){
        $('[data-toggle="popover"]').popover();
        $('#monSelect').change(function(event) {
            var TBL = new Array('1','2','3');
            var sel=event.target;
            sel.innerHTML="";
            for (var key in TBL) {
                   sel.innerHTML+='<option value="'+key+'">'+TBL[key]+'</option>'; 
            }
        });
    });

mais je n'arrive pas à comprendre pourquoi tu veux faire ça sur un onchange, le choix va être annulé à chaque fois et l'utilisateur risque de s'y perdre!

21/07/2015, 09h12
poitierjohan

Super !
C'est exactement ce que je voulais.

Je souhaite changer le contenu du SELECT n°2 en fonction du n°1...

Merci pour votre aide !!!!