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 🙂

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

Este site utiliza o Akismet para reduzir spam. Saiba como seus dados em comentários são processados.