Usando o jQuery principal, como você remove todas as opções de uma caixa de seleção e adiciona uma opção e seleciona-a?
Minha caixa de seleção é a seguinte.
<Select id="mySelect" size="9"> </Select>
EDIT: O código a seguir foi útil no encadeamento. No entanto, (no Internet Explorer) .val('whatever')
não selecionou a opção que foi adicionada. (Eu usei o mesmo 'valor' em ambos .append
e .val
.)
$('#mySelect').find('option').remove().end()
.append('<option value="whatever">text</option>').val('whatever');
Edição: tentando fazê-lo para imitar este código, eu uso o seguinte código sempre que a página / formulário é redefinido. Essa caixa de seleção é preenchida por um conjunto de botões de opção. .focus()
estava mais perto, mas a opção não apareceu selecionada como com .selected= "true"
. Nada está errado com meu código existente - estou apenas tentando aprender jQuery.
var mySelect = document.getElementById('mySelect');
mySelect.options.length = 0;
mySelect.options[0] = new Option ("Foo (only choice)", "Foo");
mySelect.options[0].selected="true";
EDIT: resposta selecionada foi perto do que eu precisava. Isso funcionou para mim:
$('#mySelect').children().remove().end()
.append('<option selected value="whatever">text</option>') ;
Mas ambas as respostas me levaram à minha solução final ..