Remplir une combobox à partir d un tableau

Comment remplir une combobox à partir d un tableau javascript

<HTML>

	<HEAD>
		<style>
			.sectionArticle{
				margin: 10px;
			}
		</style>
	</HEAD>

	<BODY>

		<div id="sectionArticle" class="sectionArticle">			
			<Select Name="Liste01" ID="Liste01">
				<Option Selected></Option>
			</Select></TD>	
		</div>

		<SCRIPT TYPE="text/javascript">

			function recupValeurElement(IdElement)
			{
				if (document.getElementById)
				{
					return document.getElementById(IdElement);
				}
				else if (document.all)
				{
					return document.all[IdElement];
				}
			}

			function AjouterElement($IdElementSource,TextAAjouter,ValueAAjouter){

				MaListe = recupValeurElement($IdElementSource);

				var ElemAAjouter = document.createElement('option');
				ElemAAjouter.text = TextAAjouter;
				ElemAAjouter.value = ValueAAjouter;

				try {
					MaListe.add(ElemAAjouter, null); // standards compliant; doesn't work in IE
				}
				catch(ex) {
					MaListe.add(ElemAAjouter); // IE only
				}

			}
			
			TabMonCombo=new Array();
			TabMonCombo['text']=new Array();
			TabMonCombo['value']=new Array();
			TabMonCombo['text'][1] = "Entree 01";
			TabMonCombo['value'][1] = 01;
			TabMonCombo['text'][2] = "Entree 02";
			TabMonCombo['value'][2] = 02;
			TabMonCombo['text'][3] = "Entree 03";
			TabMonCombo['value'][3] = 03;

			for (var Compteur in TabMonCombo['text'])
			{
				AjouterElement('Liste01',TabMonCombo['text'][Compteur],TabMonCombo['value'][Compteur]);
			}
			
		</SCRIPT>

	</BODY>
</HTML>

Lien vers le fichier : cliquez ici Copier le code

Article(s) suivant(s)

Combobox filtrée dynamiquement

Article(s) précédent(s)

Copier une combobox dans un tableau

Transformer des enregistrements SQL en tableau Javascript

Transformer un tableau PHP en tableau Javascript