Manipulando o elemento select com jQuery

Exemplo um

Selecionar uma opção
$('select#ex1 option:first')
.css('backgroundColor', 'red') // primeira opção com fundo na cor vermelha

$('select#ex1 option:last')
.css('backgroundColor', 'green') // última opção com fundo na cor verde

$('select#ex1 option:eq(5)') // método um
.css('backgroundColor', 'blue') // sexta opção com fundo na cor azul

$('select#ex1 option').eq(7) // método dois
.css('backgroundColor', 'pink') // oitava opção com fundo na cor rosa

Exemplo dois

Selecionar pelo nome do select
$('select[name="exemplo-dois"]')
.css('backgroundColor', 'yellow') // select com fundo na cor amarela

Exemplo três

Selecionar pela presença do atributo value no elemento option

Nota: Neste exemplo a atributo value das opções três e oito são vazios

$('#ex3 option[value]')
.css({backgroundColor: 'black', color: 'white'}) // options com atributo value na cor branca 
                                                    com fundo preto

Exemplo quatro

Selecione uma opção

Inspecionar o texto de uma opção e o número total de opções
$('#ex4').change(function() {
var textoOpcao = $('#ex4 option:selected').text();
var qdeOpcoes = $('#ex4 option').size();
alert ('O texto da opção selecionada é: ' 
+ textoOpcao + '\n Neste select temos: ' 
+ qdeOpcoes + ' opções'); 
});

Exemplo cinco

Selecione uma opção

Inspecionar o atributo value do select ou de uma opção
$('#ex5').change(function() {
var valueSelect = $('#ex5').val();
var valueOpcao = $('#ex5 option:eq(3)').val();
alert ('O atributo value da opção selecionada é: ' 
+ valueSelect + '\n O atributo value da 4a. opção é: ' 
+ valueOpcao); 
});

Exemplo seis

Primeiro abra e examine as opções do select depois clique no botão a seguir e abra novamente o select para vsualizar as inserções

Inserir opções
$('#inserir').click(function() {
$('#ex6')
.append('<option value="opcao-ultima" class="destaque">Inserida no final</option>');

$('#ex6 option')
.eq(5)
.append('<option value="opcao-meio" class="destaque">Inserida no meio</option>');

$('#ex6')
.prepend('<option value="opcao-primeira" class="destaque">Inserida no início</option>')
});

Exemplo sete

Selecione uma opção

Formatar dados para envio ao servidor
$('#ex7').change(function() {
alert( $(this).serialize() )
});