TUTOS.EU

Copier une combobox dans un tableau

Copier une combobox dans un tableau JavaScript

<HTML>

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

			.MyButton {
				margin: 2px 0;
				width:155px;
			}
		</style>
	</HEAD>

	<BODY>
		<INPUT type="BUTTON" class="MyButton" value="Copie dans tableau JavaScript"  ONCLICK="ButtCopie()"><br />
		<div id="sectionArticle" class="sectionArticle">
			<Select Name="Liste01" ID="Liste01">
				<Option Value=01>Entree 01</Option>
				<Option Value=02>Entree 02</Option>
				<Option Value=03>Entree 03</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 ButtCopie(){

				var ObjComboBox = recupValeurElement("Liste01");
				var Compteur;

				TabMonCombo=new Array();
				TabMonCombo['text']=new Array();
				TabMonCombo['value']=new Array();

				//On Backup les valeurs de la combobox dans un tableau
				for (Compteur = ObjComboBox.length - 1; Compteur>=0; Compteur--) {
					MonText = ObjComboBox.options[Compteur].text;
					MaValue = ObjComboBox.options[Compteur].value;
					
					if (MaValue.length > 0){
						TabMonCombo['text'][Compteur] = MonText;
						TabMonCombo['value'][Compteur] = MaValue;
					}
				}
				
				//On liste les éléments du tableau
				var Resulat='';
				for (var Compteur in TabMonCombo['text'])
				{
					Resulat+=TabMonCombo['text'][Compteur] + ' / ' + TabMonCombo['value'][Compteur] + '\n';
				}
				alert(Resulat);

			}

		</SCRIPT>

	</BODY>
</HTML>
Lien vers le fichier : cliquez ici Copier le code

Article(s) suivant(s)

Remplir une combobox à partir d un tableau

Combobox filtrée dynamiquement

2