Posted By

nomada on 12/20/10

Tagged

Versions (?)

Last Edited at 12/20/10 05:39am

Statistics

Viewed 658 times

Favorited by 0 user(s)

Related snippets

Array to SELECT

/ Published in: JavaScript

This function automates the creation of the s of a element. It's ideal for your AJAX apps when you create display elements using Javascript

It accepts to different kind of arrays:

An array of key:valuesâ€¦

var arrDirs = {
"a1":"Sede central",
"a2":"EnvÃos",
"a4":"FacturaciÃ³n",
"b1":"Sucursal"
};

An array of arrays, where each of the child arrays have the sintax 'ID': value, 'LABEL': textâ€¦

var arrDirs = {
"0":{"ID":"a1","LABEL":"Sede central"},
"1":{"ID":"a2","LABEL":"EnvÃos"},
"2":{"ID":"a4","LABEL":"FacturaciÃ³n"},
"3":{"ID":"b1","LABEL":"Sucursal"}
};

Note that the ID part can be a number or an string.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

/**
 
  @param objSelect an object returned by document.getElementById('myselect') or your favourite library function.
  @param arrDatos is an array or an array of arrays.
  @param numCurOption is the key of the option we need to be SELECTED.
  @param boolEmpty should be true if we need a first element without value and label.
*/
function array2select(objSelect, arrDatos, numCurOption, boolEmpty) {
	var elOptNew;
	objSelect.length = 0;
	if(boolEmpty) {
		elOptNew = document.createElement('option');
		elOptNew.value = elOptNew.text = '';
		addOption(objSelect, elOptNew);
	}
	for(var id in arrDatos) {
		if(typeof(arrDatos[id]) == 'object') {
			var arrResultado = arrDatos[id];
			var strValue = arrResultado.ID;
			var strText = arrResultado.LABEL;			
		} else {
			var strValue = id;
			var strText = arrDatos[id];
		}
		elOptNew = document.createElement('option');
		if(numCurOption == strValue) {
			elOptNew.selected = true;
		} 
		elOptNew.value = strValue;
		elOptNew.text = strText;
		addOption(objSelect, elOptNew);
	}
}

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.