Estimados, estoy creando un <SELECT> de manera dinámica, por javascript pero además una vez creado debo llenarlo con una función Ajax, pero no puedo hacer que se ejecute.
Que estoy haciendo mal?? ( a parte de programar XD)
creo el control
Código:
return '<select style="width:' + control.width + '" type ="text" id="' + control.name + '" name="' + control.name + '">' + control.funcion+ '</select>';
control.funcion es lo que debería retornar los tags Option del SELECT
Código:
function cargaUnidadesConfiguracion(){
var option;
var param1 = $("#param1").val();
var param2 = $("#param2").val();
try{
$.ajax({
async: true,
type: 'POST',
url: "laURL" ,
data:"{'param1':'" + param1 + "', 'param2':'" + param2 + "'}",
contentType: 'application/json; charset=utf-8',
dataType: 'json',
error : function(jqXHR, textStatus, errorThrown){
alert(jqXHR.responseText); },
success: function(jsondata)
{
try
{
items = eval('(' + jsondata.d + ')');
}
catch (ex)
{
items = eval('(' + jsondata + ')');
}
try
{
$("#dropSELECT").children().remove();
$("#dropSELECT").append('<option value="">-- Seleccione Opción --</option>');
for (i = 0; i < items.length; i++) {
$("#dropSELECT").append('<option value="' + items[i].Num_opcion + '">' + items[i].RefOpcion +'</option>');
}
}catch (ex)
{
var error =ex;
}
}
});
}
catch (ex)
{
var msg = ex;
}
}
pero cuando ejecuto la web en el drop me aparecen como opciones
-- Seleccione Opción --
' + items[i].RefOpcion + ' con lo que intuyo que no se ejecuta el Ajax... alguna idea de lo que ocurre?? como dato adicional, llame a la función desde un boton y me cargó los datos... con lo cual detemrino que es cuando lo creo de forma dinámica que tengo el problema