JQuery – exemplos de uso – combo-box

Salve,

JQuery é um biblioteca Java-Script que facilita mto a vida do desenvolvedor web. Este post expoem exemplos pontuais para manipular combo-box html com JQuery.

//retorna o valor referente posição selecionada do combo.
//lembrando que a primeira posição inicia em zero
$("#idDoSeuComboBox").attr("selectedIndex")

//posiciona o seleted da combo no indice indicado
//neste exemplo o nro zero posiciona na primeira posição da combo
$("#idDoSeuComboBox").attr('selectedIndex', 0);

// posiciona no value correspondente
$('select').val('1'); //se sua combo tiver value="1" vai selecionar

//posiciona pelo texto correspondente
$('select').val('Two'); //se sua combo o texto="Two" vai selecionar

//retorna o texto do value especificado
$("#idDoSeuComboBox option[value='2']").text()

//retorna o texto referente ao item selecionado na combo
$("#idDoSeuComboBox option:selected").text();
//ou
$("#idDoSeuComboBox :selected").text();

//recupera o value corrente da combo
$("#idDoSeuComboBox").val();

//recupera o segundo option de seu select (combo) - thiagobfiorenza comments
$("#idDoSeuComboBox").eq(2);

Se vc souber alguém exemplo não abordado aqui. sinta a vontade pra postar o comentários do post 🙂

Anúncios

4 Comentários

Arquivado em JavaScript/Afins

4 Respostas para “JQuery – exemplos de uso – combo-box

  1. //recupera o segundo option de seu select (combo)
    $("#idDoSeuComboBox").eq(2);
    
  2. Sandro

    Como faço quando eu clicar no selectsetindex da primeira combobox ele altere também o das outras combobox ou seja quando eu coloco na primeira posição a primeira combobox todas as demais vão para a primeira posição, se eu clico na terceira posição da primeira todas as outras combobox vão para terceira posição.

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s