Boa tarde, alguem poderia me ajudar com esse problema? não faço ideia do que está acontecendo....
Seguinte, tenho um select que seleciona a cidade, e depois o seguimento conforme selecionado a cidade, até ai tudo bem, ele funciona e tudo mais, mas é só eu colocar a class "selectpicker" do bootstrap, que para de funcionar, não carrega mais, gostaria de colocar essa class pra deixa-lo mais apresentável. Segue o código.
Filtro:
<!-- quick search -->
<form id="quick-search" class="quick-search" method="post" action="<?php echo $urlOrigem?>/resultado/">
<fieldset>
<legend>Convênios:</legend>
<select name="cidades" id="cidade">
<option>Selecione Uma Cidade</option>
<?php
$sql = mysql_query("SELECT * FROM convenioscidades ORDER BY name ASC")or die(mysql_error());
while($dados = mysql_fetch_array($sql)){
?>
<option value="<?php echo $dados['name'];?>"><?php echo $dados['name'];?></option>
<?php }?>
</select>
<select name="cat" id="convenios">
<option value="0">Aguardando cidade...</option>
</select>
<button type="submit">Procurar</button>
<div class="switcher">
<button id="quick-search-switcher" type="button">Convênios</button>
</div>
</fieldset>
</form>
JS DO FILTRO:
$(function(){
var url = location.href; //pega endereço que esta no navegador
url = url.split("/"); //quebra o endeço de acordo com a / (barra)
var teste = 'testedsds';
$("select[name=cidades]").change(function(){
beforeSend:$("select[name=cat]").html('<option value="0">Aguardando Carregando...</option>');
var cat = $("select[name=cidades]").val();
$.post ("http://localhost/dlcor_2017/convenios.php",{cat: cat}, function(pega_cat){
complete:$("select[name=cat]").html(pega_cat);
});
});
})
Se alguém puder me ajudar, ficarei muito grato, Obrigado!