Tenho um campo do tipo <select>
/<option>
que quando o usuário seleciona um valor eu chamo uma função para popular um outro <select>
, tipo os combos de estado e cidade, isso está funcionando, e daí o usuário clica em um botão que faz uma chamada ajax para trazer alguns dados pra exibir.
O que preciso e não estou sabendo é quando tiver nesse meu primeiro <select>
apenas um valor, já vir selecionado, dai já fazer a chamada para esse segundo select
e já acionar o botão mesmo sem o usuário selecionar esse segundo select.
Por exemplo, eu tenho um select
de estado outro de cidade e um botão.
Ao selecionar um estado o usuário já pode acionar o botão ou selecionar alguma cidade e acionar o botão, só que quando tiver apenas um estado já vir selecionado esse estado e também já acionar esse botão, dando apenas ao usuário a opção de selecionar uma cidade e dai acionar o botão.
Espero não ter sido muito confuso e que possam entender para poder me ajudar.
<label for="estado">
<select>
<option value="0"> ---Selecione--- </option>
<option value="SP"> São Paulo </option>
</select>
<label for="cidade">
<select>
<option value="0"> ---Selecione--- </option>
</select>
<button type="submit" id="listarItens">Buscar</button>
Nesse caso se tiver somente o Estado de São Paulo já selecionar e acionar o botão Buscar, lembrando que eu tenho uma função criada que quando o usuário seleciona o estado chama essa função.
$(document).ready(function() {
changeSelect('estado', ['cidade'], 'selecionaCidades.php');
$('#listarItens').click(function(event){
event.preventDefault();
//aqui executa algumas coisas como um ajax, mas isso acho que não preciso listar correto
});
});
Não sei se tem necessidade de eu passar toda estrutura dessa função changeSelect certo.
<option value="0"> ---Selecione--- </option>
?