1. Accueil
  2. Tous les snippets
  3. Snippets Javascript
  4. Ajouter dynamiquement des options à une listbox

Ajouter dynamiquement des options à une listbox

Soyez le premier à donner votre avis sur cette source.

Snippet vu 13 051 fois - Téléchargée 23 fois

Commenter

Contenu du snippet

Ben, le titre est assez explicite!
Sa tient dans une fonction de 3 lignes:

function ajouterOPTION(vall){
var s = document.forms["frm1"].elements["list1"];
s.options[s.options.length] = new Option(vall);
}

On cré un objet "s" qui équivaut au controle "listbox".

Explication de s.options[s.options.length] = new Option(vall);

"s.options.length" => On ajoute la nouvelle option à la fin.
"new Option(vall);" => On ajoute l'option qui aura comme valeur "vall"

Source / Exemple : 


<HTML>
<HEAD>
<SCRIPT Language="JavaScript">
function ajouterOPTION(vall){
	var s = document.forms["frm1"].elements["list1"];
	s.options[s.options.length] = new Option(vall);
}
</SCRIPT>
</HEAD>

<BODY>
<FORM NAME="frm1">
<INPUT Type="Text" Name="nouvMNU"><INPUT Type="Button" Value="Ajouter" OnClick="ajouterOPTION(frm1.nouvMNU.value)"><br><br>

<select name="list1" id="list1">
	<option value="" selected="selected"></option>
</select>
</FORM>
</BODY>
</HTML>

Conclusion :


Evidement, or d'un contexte, cette source n'a aucun intéret, mais moi, sa fesait longtemps que je cherchais un truc comme ça!

A voir également

Ajouter un commentaire

Commentaires

Signaler
Messages postés
13619
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
 31
salut Malalam,
ben oui, je suis comme tous ici, tu le sais bien.
je met des sources pour avoir de bonnes notes,
je répond à certaines questions pour être bien classé,
dès que c'est possible je fais ma pub...
( les balises humour sont inutiles ici, hein ? )
Signaler
Messages postés
10840
Date d'inscription
lundi 24 février 2003
Statut
Modérateur
Dernière intervention
2 mars 2010
 21
Tu plaisantes, tu plaisantes...mais au passage, sous couvert d'humour, tu es arrivé à faire une jolie pub pour ton code... ;-) Sacré Bul!
Signaler
Messages postés
13619
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
 31
quand on fait une modif, faut toujours essayer.
une petite recherche, simplement sur select,
dans les codes de ce site ! 2 pages de réponses déjà.
<humour> la meilleure :
http://www.javascriptfr.com/codes/TRAITEMENTS-SUR-SELECT_27983.aspx
</humour> je plaisante, c'est la mienne !
Signaler
Messages postés
100
Date d'inscription
mercredi 9 juin 2004
Statut
Membre
Dernière intervention
26 juin 2010
 4
En effet! Merci! J'avais pas vu ces petites fautes!
C'est parceque j'ai adapté ce code d'une de mes autres sources!
En tout cas, je n'ai pas trouvé les sources dont tu parles...
Si tu pouvais m'aider steuplé!!

Merci encore pour ton coup d'oeil!

Xavier
Signaler
Messages postés
13619
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
 31
quelques erreurs...
s.options[s.options.length] = new Option(retval);
c'est quoi retval ? c'est pas vall ?
OnClick="ajouterOPTION(frm1.requette.value)">
c'est quoi requette ? c'est pas nouvMNU ?

document.frm1.list1 par ex, ça fonctionne aussi.
<SCRIPT Language="JavaScript">
aujourd'hui, il vaut mieux <script type="text/javascript">
...
mais aussi,
il existe des sources sur ce site où l'on montrer comment
insérer n'importe où ( pas seulement en fin )
supprimer,modifier,rechercher,transférer...
va les voir, et tu pourrais améliorer ton script.
S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (Mrreivax)