Tenho o seguinte HTML
:
<label class="labelPequeno" for="idPastor">Pastor</label> :
<select name="idPastor" id="idPastor" class="inputTextMedio required">
<option value="" selected>Escolha o Pastor</option>
<?php
if ($pastores == null) echo "<option value=''>Sem Pastor</option>";
else {
foreach ($pastores as $pastor) echo "<option value=".$pastor["idPastor"].">".$pastor["nome"]."</option>";
}
?>
</select> <br/>
<label class="labelPequeno" for="idRede">Rede</label> :
<select name="idRede" id="idRede" class="inputTextMedio required">
<option value="" selected>Escolha o Pastor primero</option>
<div class="optionsRedes"></div>
</select> <br/>
O objetivo agora é preencher o combo select idRede
com o resultado do $.ajax
$(document).ready(function (e) {
$("#idPastor").on("change", function () {
$.ajax({
url: "_scripts/_php/_validacoes/buscarDados.php",
type: "POST",
dataType: "json",
data: {
idPastor: $("#idPastor").val()
},
beforeSend: function() {
$("#imgCarregando").css('display','block');
},
success: function (result) {
alert(result);
$("#imgCarregando").css('display','none');
$(".optionsRedes").html(result);
}
});
});
});
Mas a div
não recebe valor algum.
Onde estou errando?
Obs.: quando faço:
alert(result);
Recebo retorno dos options
corretamente.
<option value=1>Rede 1</option><option value=2>Rede 2</option>
append
mas noselect
. Tente assim:$("#idRede").append(result);
e veja se isso já atendejson
, ai ficaria melhor fazer um loop e adicionar os itens um a um. Se fosse pra começar agora esse código, diria pra retornar umjson
com os dados e montar os options e adicionar um a um. O lado servidor devolve "dados" e o lado cliente monta da forma que precisa na página. Isso opinião minha ;-)