TUTOS.EU

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

Article(s) suivant(s)