Como Retornar o valor de uma tabela em um Select Option
Olá pessoal estou usando uma função Ajax com uma lista de arquivos para manipular em um <select option> os ESTADOS E CIDADES no meu formulário.
A função e esta.
<script type="text/javascript">
$(document).ready(function () {
$.getJSON('estados_cidades.json', function (data) {
var items = [];
var options = '<option value="">escolha um estado</option>';
$.each(data, function (key, val) {
options += '<option value="' + val.nome + '">' + val.nome + '</option>';
});
$("#estados").html(options);
$("#estados").change(function () {
var options_cidades = '';
var str = "";
$("#estados option:selected").each(function () {
str += $(this).text();
});
$.each(data, function (key, val) {
if(val.nome == str) {
$.each(val.cidades, function (key_city, val_city) {
options_cidades += '<option value="' + val_city + '">' + val_city + '</option>';
});
}
});
$("#cidades").html(options_cidades);
}).change();
});
});
</script>
e o meu HTML no caso o select option é este código abaixo.
<!--inicio do seletor-ESTADO-->
<select id="estados" style="width:170px;font-size: 13px" name="uf" required class="form-control">
<option value=""></option>
</select><!--fim do seletor-ESTADO-->
<!--inicio do seletor-CIDADE-->
<select id="cidades" style="width:220px;font-size: 13px" name="cidade" value="<?php echo $cliente['Cidade']; ?>"required class="form-control" >
<option value=""></option>
</select><!--fim do seletor-CIDADE-->
Esta funcionando tudo bem, eu consigo salvar o que seleciono no option normalmente, porem a minha dificuldade e na hora de editar esse bendito select option, como eu retorno os valores em um select option ? quero dizer na hora de editar os inputs eu consigo trazer o que já esta cadastrado, só que o select option vem vazio, não estou conseguindo retornar os valores no select de ESTADOS e Cidades.
como faço isso ?
Deixo aqui meu agradecimento e um pequeno pedido, se for possível posta a resolução como chego nesse resultado, pois estou iniciando na programação.
Discussão (6)
Carregando comentários...