如何使用jQuery移除选择框(select box)的所有选项,然后添加一个选项并将其选中?

33 浏览
0 Comments

如何使用jQuery移除选择框(select box)的所有选项,然后添加一个选项并将其选中?

使用 core jQuery,如何移除选择框的所有选项,然后添加一个选项并将其选中?

我的选择框如下。


编辑:下面的代码可以链式操作。不过,在Internet Explorer中,.val(\'whatever\')不会选择添加的选项。(我在.append.val中使用了相同的“value”)

$('#mySelect').find('option').remove().end()
.append('text').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('text') ;

但是这两个答案都引导我找到了最终解决方案。

admin 更改状态以发布 2023年5月24日
0
0 Comments
$('#mySelect')
    .empty()
    .append('')
;

(该字符内容不需要翻译,保留原文即可)

0
0 Comments
$('#mySelect')
    .find('option')
    .remove()
    .end()
    .append('')
    .val('whatever')
;

:标记为粗体的数字123。

0