begin process at 2012 02 14 08:25:49
  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 :11 509
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

Source avec Zip Source avec une capture SUBDIVISER LE RÉSULTAT D'UNE RECHERCHE EN PAGES par kimmp
Source avec Zip TIMER : SETTIMEOUT & SETINTERVAL AMÉLIORÉS par jdmcreator
Source avec Zip Source avec une capture ONGLETS ET CHANGEMENT INSTANTANÉ DE LA LANGUE par william voirol
Source avec Zip Source avec une capture COPIER DU TEXTE par m22001111
Source avec Zip DIALOGUE ENTRE FENÊTRES MÈRE ET FILLE par william voirol
Toutes les sources de la catégorie Trucs & Astuces

 Sources en rapport avec celle ci

GALERIE PHOTO DYNAMIQUE EN JAVASCRIPT "JQUERY" par zertyx
Source avec Zip DEUX MENU DÉROULANT LE PREMIER GÉNÈRE LE DEUXIÈME MENU par hakimastouri
TAILLE DE TEXTE EN FONCTION DE LA RÉSOLUTION par tefa24600
Source avec Zip Source avec une capture TREEMENU-2.3.6-MACNIP par neep
Source avec une capture CHARGER UNE PAGE WEB DANS UN DIV par flk974

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


Samsung Galaxy S
Entre 529€ et 529€

Visiter le guide achat

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode
 
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 : 3,073 sec (3)

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)