Atualmente possuo um combobox em HTML normal:
<select name="nomeCombox1" id="nomeCombox1" class="select">
<option value="0" selected="selected">Selecione box1</option>
<?php
$res = odbc_exec($conexao, "Select DISTINCT desc from tab1");
while ($row = odbc_fetch_array($res)) {
echo "<option name='nomeCombox1' value='" . $row['desc'] . "'>" . $row['desc'] . "</option>";
}
?>
</select>
Esse combo está buscando corretamente os dados.
No passo seguinte, possuo um JS onde busco o que foi selecionado e jogo em uma nova combobox:
$("#nomeCombox1").change(function () {
var idCombox1 = $(this).val();
$.ajax({
dataType: 'json',
url: "js/ajaxBuscar.php",
data: {idCombox1: idCombox1},
success: function(data) {
var q = '<select name="idCombox2" id="idCombox2" class="select"> <option value="0">Escolha</option>';
for(i=0; i < data.length; i++ ){
q += '<option value=' + data[i].idCombox2 + '>' + data[i].descricao + '</option>';
}
q += '</select>';
$('#div1').html(q);
}, error: function(request, status, error) {
alert(request.responseText);
}
});
});
Esses códigos estão funcionando tudo 100%. Minha dúvida principal seria: Como posso criar esse Combobox2 sem ser via JS? Ou seja, sem ter que jogar $('#div1').html(q)
. Existe outra forma?
Estou querendo outra maneira porque possuo uma function em JS onde teria que verificar esse valor dessa segunda combobox e preencher um input com o resultado de um outro AJAX. Quando eu coloco a combobox2 direto no HTML funciona. O que estou achando é que, no momento que a página carrega ainda não existe essa segunda combo e dessa maneira o JS não consegue executar corretamente.