Arquivo para a tag ‘design’
Manipulando combos dinamicamente com JQuery
Já precisou alterar as opções de uma combo com javascript? Pra variar, o JQuery tem algo pronto para isso, basta usar a função appendTo.
É como eu estava dizendo para a @loiane e para o @cmilfont no twitter sexta. Não tem nada mais poderoso que javascript. :)
//insere faixas de preço para compra
$("<option value='0-200000'>Até 200 mil</option>").appendTo("#cmbValor");
$("<option value='200000-300000'>De 200 mil a 300 mil</option>").appendTo("#cmbValor");
$("<option value='300000-400000'>De 300 mil a 400 mil</option>").appendTo("#cmbValor");
$("<option value='400000-500000'>De 400 mil a 500 mil</option>").appendTo("#cmbValor");
$("<option value='500000-700000'>De 500 mil a 700 mil</option>").appendTo("#cmbValor");
$("<option value='700000-1000000'>De 700 mil a 1 milhão</option>").appendTo("#cmbValor");
$("<option value='1000000-2000000'>De 1 a 2 milhões</option>").appendTo("#cmbValor");
$("<option value='2000000-0'>Acima de 2 milhões</option>").appendTo("#cmbValor");
Para limpar o conteúdo do select, basta definir o html interno como vazio.
$("#idDoMeuSelect").html("");