Código Javascript :
//funcion para cargar listas en select dinamicos
// $where - donde debe cargar los datos que va a optener
// $dataKey - Identificado del la información solicitada, puede o no llevar valor
// $selectedKey - identificado de un elemento seleccionado, por defecto 0
// $file - ruta y nombre del archivo a que a ser ejecutado
// $message - array de datos como donde va el mensaje y que mensaje es
function setList($where,$dataKey,$selectedKey,$file)
{
var selected= '';
$.ajax({
type : 'POST',
url : $file,
data : $dataKey,
dataType : 'json',
error:function(XMLHttpRequest, textStatus, errorThrown){
console.log(arguments);
var error;
if(XMLHttpRequest.status === 404){ error='Error '+XMLHttpRequest.status+'. Pagina no encontrada'; }
if(XMLHttpRequest.status === 500){ error='Error '+XMLHttpRequest.status+'. Problemas con el servidor'; }
$('#'+$message.where).html(error);
},
success: function(data){
$('#'+$where).empty();
for (var i = 0;i < data.length; i++) {
if ($selectedKey != 0 && $selectedKey==data[i].key){
selected = 'selected';
}else{
selected = '';
}
$('#'+$where).append(''+data[i].value +'');
}
$('#'+$message.where).html("");
}
});
}Con esta funcion lo que podemos hacer es cargar una lista (SELECT) dinamicamente, como se puede observar tiene varios parametros que en seguida voy a explicar.
- $where -Este parametro que recibe la funcion es para indicar donde va a ser cargada la información solicitada.
- $dataKey -Este parametro es utilizado para mandar parametros con valores que son necesarios para el filtrado de la información que se esta solicitando.
- $selectedKey -Este parametro es para marcar como seleccionado alguno de los valores que van a ser solicitados.
- $file -Este parámetro es la ruta al archivo al cual le vamos a pedir que nos mande la información.
Después de este post voy a realizar un ejemplo de como se puede usar esta función y como est su funcionalidad.
