如何删除一个选择框的所有选项，然后添加一个选项并使用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>') ;

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

当前回答

$("#id option").remove();
$("#id").append('<option value="testValue" >TestText</option>');

第一行代码将删除选择框的所有选项，因为没有提到选项查找标准。

第二行代码将添加带有指定值("testValue")和文本("TestText")的选项。

2018-10-12 09:14:32

其他回答

保存要追加到对象中的选项值清除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

基于mauretto的回答，下面的内容更容易阅读和理解:

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

要删除所有选项，除了一个具有特定值的选项，您可以使用以下命令:

$('#mySelect').find('option').not('[value=123]').remove();

如果要添加的选项已经存在，那就更好了。

2015-06-18 13:52:28

使用jquery prop()清除所选选项

$('#mySelect option:selected').prop('selected', false);

2014-02-01 11:09:32

清洁工给我喜欢

   let data= []

   let inp = $('#mySelect')
        inp.empty()

        data.forEach(el=> inp.append(  new Option(el.Nombre, el.Id) ))

2022-02-01 19:08:22

我在IE7中有一个bug(在IE6中工作良好)，其中使用上述jQuery方法将清除DOM中的选择，但不是在屏幕上。使用IE开发人员工具栏，我可以确认选择项已经被清除，并且有了新项，但从视觉上看，选择项仍然显示旧的项——即使你不能选择它们。

修复方法是使用标准的DOM方法/属性(如海报原始)来清除，而不是使用jQuery -仍然使用jQuery添加选项。

$('#mySelect')[0].options.length = 0;

2010-01-11 09:22:09

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

推荐文章

最新文章

标签