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:
Gracias de antemano. //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); } }); } });