Skip to main content
3 de 3
adiciona exemplo do código
Marcelo Diniz
  • 3,4mil
  • 2
  • 35
  • 65

Selecionar automaticamente um select e acionar o botão

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.

Marcelo Diniz
  • 3,4mil
  • 2
  • 35
  • 65