Foros del Web » Programando para Internet » Jquery »

Typeahead para campos dinámicos

Estas en el tema de Typeahead para campos dinámicos en el foro de Jquery en Foros del Web. Hola, estoy programando un formulario con campos dinámicos, los cuales parte de ellos son del tipo Typeahead de Bootstrap, pero no consigo que funcione correctamente. ...
  #1 (permalink)  
Antiguo 15/06/2015, 13:15
 
Fecha de Ingreso: junio-2013
Ubicación: Barcelona
Mensajes: 1
Antigüedad: 10 años, 10 meses
Puntos: 0
Typeahead para campos dinámicos

Hola,
estoy programando un formulario con campos dinámicos, los cuales parte de ellos son del tipo Typeahead de Bootstrap, pero no consigo que funcione correctamente.
Inicialmente tengo un par de campos un select y un campo typeahead con unas ids determinadas. A través de un botón añado dinámicamente nuevos pares de campos select-typeahead con nuevas ids, de manera que cuando selecciono una opción del select, cargo los datos en su campo typeahead correspondiente.
El problema es que únicamente me sale el desplegable de valores en el campo typeahead inicial, no en los creados dinámicamente, a pesar de darle de forma dinámica la id a la que tiene que apuntar.
Necesito ayuda para saber como decirle que apunte únicamente al par de campos de la id que estoy tratando y que saque los resultados en el correpondiente campo.
Mi código es el siguiente:

Código:
//TYPEAHEAD 
$('input.typeahead').focus(function(){
    idTypeAhead = parseInt($(this).attr('id').replace('typeAhead_',''));
    selectAttr = $('select#selectAttr_'+idTypeAhead).find('option:selected').val();
    if(selectAttr=="null"){
        selectAttr=0;
    }       
});

$("input#typeAhead_"+idTypeAhead).on("typeahead:select").typeahead({
        name:'input#typeAhead_'+idTypeAhead,
        displayKey: 'input#typeAhead_'+idTypeAhead,
        input: 'input#typeAhead_'+idTypeAhead,
        container:'input#typeAhead_'+idTypeAhead,
        display: $(this),
        suggestion: $(this),
        minLength : 1, 
        sorter : this.query,
        source : function(query, process){
            return $.ajax({
            url:'/aplicaciones/jsonValorAttr?selectAttr='+selectAttr,
            dataType: 'json',
            type:'POST',
            success: function(data){                    
                states = [];     
                map = {};  
              $.each(data, function (i, state) {         
                    map[state] = state;         
                    states.push(state); 
                    });       
            process(states);
            }
          });
        }
      });
Gracias de antemano.

Etiquetas: bootstrap, dinamico
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:45.