3

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.

6
  • Pode colocar o código que já tem? mais fácil perceber, e responder...
    – Sergio
    Commented 26/03/2014 às 19:53
  • 2
    Pode usar este exemplo para re-criar o que pretende?: jsfiddle.net/xv9Lg
    – Sergio
    Commented 26/03/2014 às 20:03
  • @Sergio já adicionei um exemplo do que preciso. Espero que ajude e me ajudar. Commented 26/03/2014 às 20:10
  • Marcelo, todos os selects têm um <option value="0"> ---Selecione--- </option> ?
    – Sergio
    Commented 26/03/2014 às 20:13
  • Tem sim @Sergio Commented 27/03/2014 às 2:47

1 Resposta 1

1

Teste usar assim para saber se um select só tem uma option:

$('select').each(function () {
    var options = $(this).find('option');
    var qtdOptions = options.length;
    if (qtdOptions == 2)  {      // uso dois porque a sua primeira option é só uma guia
        this.selectedIndex = 1;  // escolher a segunda option
        $("select[name='estado']").change();
        $('#listarItens').trigger('click');  // carregar no botão!
    }
});

Exemplo

Este código procura todos os selects e se algum têm só uma opção (talvez queria usar ==2 uma vez que tem o texto neutral ---Selecione---). Se não quiser procurar todos os selects o código pode ser mais simples.

7
  • Então, entendi o que mandou, agradeço, no caso eu só preciso que procure no select de estado mesmo, dai deixei $('select[name=cliente]').each(function () { mas quando faço isso deveria já ter executado changeSelect mas não chamou, tem ideia de como posso fazer? Commented 27/03/2014 às 13:04
  • @MarceloDiniz, qual é o select name=cliente ? Se é só um não precisa de each()
    – Sergio
    Commented 27/03/2014 às 13:06
  • então, fiz uma atualizado não seu exemplo. Ve se consegue me entender. jsfiddle.net/9MWTH/1 Commented 27/03/2014 às 13:14
  • @MarceloDiniz, chama sim. Adicionei logs ao seu código. Sabe como ver? Deixo também um link de chat aberto se quiser tirar dúvidas. Entretanto veja a consola: jsfiddle.net/9MWTH/2
    – Sergio
    Commented 27/03/2014 às 13:30
  • Na verdade chama somente quando vc escolhe alguma opção no select de estado, e não nessa chamada automática correto. Commented 27/03/2014 às 16:58

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .