AJOUTER DYNAMIQUEMENT DES OPTIONS À UNE LISTBOX listbox, options, option, dynamique, ajouter, Source N°38880

Information sur la source

Catégorie :Trucs & Astuces Classé sous : listbox, options, option, dynamique, ajouter Niveau : Débutant Date de création : 01/08/2006 Date de mise à jour : 01/08/2006 12:39:19 Vu : 6 047

Auteur : Mrreivax

Ecrire un message privé

Note :
Aucune note

Commentaire sur cette source (5)

Ajouter un commentaire et/ou une note

Description

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

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

<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!

Historique

01 août 2006 12:39:19 :: Voila la correction!

Sources de la même categorie

Toutes les sources de la catégorie Trucs & Astuces

Sources en rapport avec celle ci

Commentaires

Commentaire de bultez le 01/08/2006 12:30:03

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.
Commentaire de Mrreivax le 01/08/2006 12:44:00

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
Commentaire de bultez le 01/08/2006 12:59:33

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 !
Commentaire de malalam le 19/08/2006 21:40:41 administrateur CS

Tu plaisantes, tu plaisantes...mais au passage, sous couvert d'humour, tu es arrivé à faire une jolie pub pour ton code... ;-) Sacré Bul!
Commentaire de bultez le 20/08/2006 10:25:56

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 ? )