如何删除选择框的所有选项，然后添加一个选项并使用jQuery选择它？

Question

如何删除选择框的所有选项，然后添加一个选项并使用jQuery选择它？使用核心jQuery，如何删除选择框的所有选项，然后添加一个选项并选择它？我的选择框如下。<Select id="mySelect" size="9" </Select>编辑：以下代码有助于链接。但是，（在Internet Explorer中）.val('whatever')未选择已添加的选项。（我没有使用两个相同的“价值” .append和.val。）$('#mySelect').find('option').remove().end().append('<option value="whatever">text</option>').val('whatever');编辑：试图让它模仿这个代码，每当页面/窗体重置时，我使用以下代码。此选择框由一组单选按钮填充。.focus()更接近，但该选项似乎没有像它一样被选中.selected= "true"。我现有的代码没有任何问题 - 我只是想学习jQuery。var mySelect = document.getElementById('mySelect');mySelect.options.length = 0;mySelect.options[0] = new Option ("Foo (only choice)", "Foo");mySelect.options[0].selected="true";编辑：选择的答案接近我需要的。这对我有用：$('#mySelect').children().remove().end().append('<option selected value="whatever">text</option>') ;但这两个答案都让我得到了最后的解决方案..

Answer 1

$('#mySelect')
    .find('option')
    .remove()
    .end()
    .append('<option value="whatever">text</option>')
    .val('whatever');

Answer 2

只需一行即可从select标签中删除所有选项，然后在添加任何选项后再添加第二行添加选项。

$('.ddlsl').empty();$('.ddlsl').append(new Option('Select all', 'all'));