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

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

我的选择框如下。

<Select id="mySelect" size="9"> </Select>

编辑:下面的代码有助于链接。但是，(在Internet Explorer中).val('whatever')没有选择添加的选项。(我确实在.append和.val中使用了相同的“value”。)

$('#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>') ;

但这两个答案都让我找到了最终的解决方案。

当前回答

如果你的目标是从选择中删除除第一个选项(通常是“请选择一个项目”选项)之外的所有选项，你可以使用:

$('#mySelect').find('option:not(:first)').remove();

2013-03-27 09:56:28

其他回答

$("#control").html("<option selected=\"selected\">The Option...</option>");

2011-03-30 02:30:23

为什么不直接使用javascript呢?

document.getElementById("selectID").options.length = 0;

2013-11-13 19:45:20

var select = $('#mySelect');
select.find('option').remove().end()
.append($('<option/>').val('').text('Select'));
var data = [{"id":1,"title":"Option one"}, {"id":2,"title":"Option two"}];
for(var i in data) {
    var d = data[i];
    var option = $('<option/>').val(d.id).text(d.title);
    select.append(option);
}
select.val('');

2018-08-19 17:22:39

不确定你所说的“添加一个并选择它”是什么意思，因为它无论如何都会被默认选中。但是，如果你要加一个以上的数，就更有意义了。比如:

$('select').children().remove();
$('select').append('<option id="foo">foo</option>');
$('#foo').focus();

回复“EDIT”:你能解释一下你所说的“此选择框由一组单选按钮填充”是什么意思吗?<select>元素不能(合法地)包含<input type="radio">元素。

2008-09-08 18:51:12

保存要追加到对象中的选项值清除select标记中的现有选项迭代列表对象并将内容附加到预期的选择标记

var listToAppend ={":'选择车辆'，'mc': '摩托车'，' tr': '三轮车'}; $ (' # selectID ')空虚(); 美元。每个(listToAppend，函数(val，文本){ $ (" # selectID”)。追加(新选项(文本，val)); })； < script src = " https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js " > < /脚本>

2018-09-03 11:17:37

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

推荐文章

最新文章

标签