Tenho dois dropdowns (select no html) um de UF e um de cidades, quando seleciono um estado quero acionar uma função para preencher o dropdown das cidades, recebendo o id do estado como parâmetro. Ele está trazendo todas as cidades do estado selecionado e removendo as cidades do estado anterior corretamente, o problema é que cidade selecionada anteriormente continua selecionada quando mudo o estado. Estou preso à versão 1.11 do Jquery, se isso tem alguma influência... Já tentei fazer isso tanto pelo próprio Jquery quanto pelo javascript puro.
<div class="ui-grid-a">
<div class="ui-block-a uf">
<label for="cpEstado" class="select">
<select name="estado" id="cpEstado" data-theme="c"> <!--onchange="appUsuario.buscarCidades( this.value );">-->
<option value="" disabled selected>UF</option>
</select>
</label>
</div>
<div class="ui-block-b cidade">
<label for="cpCidade" class="select">
<select name="cidade" id="cpCidade" data-theme="c">
<option value="1" disabled selected>Cidade</option>
</select>
</label>
</div>
Esse é o código html onde estão os selects
$(document).on('change', '#cpEstado', function() {
//document.getElementById("cpCidade").innerHTML = "<option id='padrao' disabled>Cidade</option>";
//$('#cpCidade').get(0).selectedIndex = 0;
$('#cpCidade').empty();
appUsuario.buscarCidades( this.value );});
Aqui é a função jquery que usei para fazer o preenchimento do cpCidade.
Tentei mudar o valor do item selecionado, e está assim agora:
Ele muda o texto do item mas não na parte do selecionado
Ele está trazendo todas as cidades do estado selecionado e removendo as cidades do estado anterior corretamente
se está removendo as cidades do estado anterior como pode a cidade anterior estar selecionada? Não havia sido removida ao mudar o estado? – user60252 25/05/18 às 16:20