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

JavaScript

神奇JinJin

2020-03-09

使用核心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>') ;

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

第391篇《如何删除选择框的所有选项,然后添加一个选项并使用jQuery选择它?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
斯丁JinJin 2020.03.10
$("#control").html("<option selected=\"selected\">The Option...</option>");
伽罗理查德 2020.03.10

why not just use plain javascript?

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android