begin process at 2010 03 18 23:44:30
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Trucs & Astuces

 > AJOUTER DYNAMIQUEMENT DES OPTIONS À UNE LISTBOX

AJOUTER DYNAMIQUEMENT DES OPTIONS À UNE LISTBOX


 Information sur la source

Note :
Aucune note
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 :9 636
Auteur : Mrreivax

Ecrire un message privé
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.optio ns[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

ACCÈS À LA MÉTHODE SETATTRIBUTE('STYLE','') SOUS IE6 par masternico
OUTIL DE SÉLECTION par jdmcreator
Source avec Zip SIMPLIFIER LA CREATION DYNAMIQUE D'ELEMENT HTML par kazma
DÉTECTER SI CSS EST ACTIVÉ par jdmcreator
RETROUVER LE NUMÉROS DE TELEPHONE DE VOTRE EMPLOYER RAPIDEME... par rappise
Toutes les sources de la catégorie Trucs & Astuces

 Sources en rapport avec celle ci

Source avec une capture CHARGER UNE PAGE WEB DANS UN DIV par flk974
Source avec Zip TRI DÉCROISSANT ET CROISSANT D'UN TABLEAU DYNAMIQUE REMPLIE ... par barbe91
Source avec Zip Source avec une capture MENU AVEC ROULETTE par jdmcreator
Source avec Zip Source avec une capture MENU HORIZONTALE RÉALISÉ AVEC DYNAMIC par Kimjoa
Source avec Zip Source avec une capture DYNAMIC VERSION 0.9 par Kimjoa

Commentaires et avis

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

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Ajouter un élément à une listbox [ par Nerdz ] Salut,Je connais po grand chose au javascript et j'aimerais ajouter un élément à une listbox ( select ) lorsque kk1 clique sur un bouton. formulaire dynamique [ par manu00 ] Bonjour, je souhaite creer un formulaire dynamique, c'est a dire: Des champs que l'utilisateur rempli, puis il clique sur "Ajouter" et cela rajoute select, option, plantage ie. [ par Bichon63 ] Bonjourvoila mon soucis : je me sers d'une pop up pour mettre à jour un select dans une autre fenetre. dans cette pop up je créé mon javascript à part changer la couleur des options [ par rax ] Bonjour J'ai un SELECT en HTML j'aimerais changer la couleur des options en gardant la couleur noire de l'option quand le menu d&#233;roulant est fer Permutation entre 2 listes...petit problème... [ par da vince ] Davince Je développe principalement en CSS et Javascript. J Ajouter/retirer options d'un select [ par thomvaill ] Bonjour, &nbsp; J'aimerai savoir comment faire pour ajouter/retirer des options d'un select. Car enfaite je suis entrain de faire un client IRC en PHP Ajouter une Option dans un Select [ par darb66 ] Hello,J'ai un petit script qui fonctionne tres bien avec Internet Explorer, mais qui bug avec Firefox Mozilla. J'essaie d'ajouter et d'enlever des Opt je cherche à faire une listbox dynamique [ par haikai ] Bonjour, j'ai la listbox suivante : &lt;select name="select" size="5" multiple&gt; &lt;option value="1"&gt;valeur1&lt;/option&gt; &lt;option v Incompatibilité IE lors ajout dynamique option dans select [ par garcimor59 ] Bonjour, j'ai le script suivant qui fonctionne trés bien sous Firefox mais pas sous IE :     var idKMD = window.opener.document.getElementById(keyword laisser une partie de ma page voyante et celle d'en bas modifier (pour plus infos venez me voir merci) [ par terlercomande ] Bonjour a tousAlors voila grace a vous j'ai trouver ce script (Voir plus bas) mais je voudrais que selon le choix fait, la page (donc la meme page ou


Nos sponsors


Sondage...

Comparez les prix


BORDERLANDS pour Windows
Entre 50€ et 50€

Visiter le guide achat

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

Photo Village du Lot et Garonne, Saint Front 
  

Visiter la photothèque
 
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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,749 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)