CodeS-SourceS est hébergé par Frontier.fr

Cliquez ici pour mettre ce site au démarrage de votre navigateur

AccueilCodesTutorielsForumsEmploiLivresGuide achatConnexion

begin process at 2009 07 04 16:31:58

[PERSO] DéCOUVERTES ESTIVALES : LINUX (PART I) par FREMYCOMPANY

[REFACTORING] RESHARPER POUR VISUAL STUDIO 2010 (PREVIEW) par tja

[REFACTORING] ANALYSER VOS EXCEPTIONS AVEC RESHARPER EXCEPTIONAL par tja

SHAREPOINT 2007 : PATTERNS & PRACTICES SHAREPOINT GUIDANCE par phil

[VISUAL STUDIO 2010] LES TESTS CASES C'EST BIEN, MAIS JE VAIS DEVOIR TOUT RééCRIRE ? par Etienne Margraff

RE : PROBLèME AVEC IFRAME par faluorn

RE : PROBLèME AVEC IFRAME par Bul3

RE : PROBLèME AVEC IFRAME par faluorn

RE : PROBLèME AVEC IFRAME par Bul3

PROBLèME AVEC IFRAME par faluorn

+ de logiciels à télécharger

1 464 305 membres
182 nouveaux aujourd'hui
15 045 membres club

Trouver une ressource

Trouvez une ressource parmi 40 094 codes, 1 302 832 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

AJOUTER DYNAMIQUEMENT DES OPTIONS À UNE LISTBOX

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 : 8 502

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

IPV4 AVEC RIP par totama

TRI DÉCROISSANT ET CROISSANT D'UN TABLEAU DYNAMIQUE REMPLIE ... par barbe91

TABLEAU ASSOCIATIF (DYNAMIQUE) par nopnop77

DIV TOTALEMENT AUTOMATIQUE VERTICAL AVEC PLEIN DE COMMANDES... par abdelaziz_info

TROUVER LES FACTEURS D'UN NOMBRE par jdmcreator

Toutes les sources de la catégorie Trucs & Astuces

Sources en rapport avec celle ci

TRI DÉCROISSANT ET CROISSANT D'UN TABLEAU DYNAMIQUE REMPLIE ... par barbe91

MENU AVEC ROULETTE par jdmcreator

MENU HORIZONTALE RÉALISÉ AVEC DYNAMIC par Kimjoa

DYNAMIC VERSION 0.9 par Kimjoa

DYNAMIC MENU AND NAME (SUB) MENUS V1.0 par astro53

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é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,   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 : <select name="select" size="5" multiple> <option value="1">valeur1</option> <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