如何删除选择框的所有选项，然后添加一个选项并使用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') &nbsp;&nbsp;&nbsp;&nbsp;.find('option') &nbsp;&nbsp;&nbsp;&nbsp;.remove() &nbsp;&nbsp;&nbsp;&nbsp;.end() &nbsp;&nbsp;&nbsp;&nbsp;.append('<option&nbsp;value="whatever">text</option>') &nbsp;&nbsp;&nbsp;&nbsp;.val('whatever');

Answer 2

只需一行即可从select标签中删除所有选项，然后在添加任何选项后再添加第二行添加选项。$('.ddlsl').empty();$('.ddlsl').append(new&nbsp;Option('Select&nbsp;all',&nbsp;'all'));