标签：javascript jquery option html-select

使用核心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')
    .remove()
    .end()
    .append('<option value="whatever">text</option>')
    .val('whatever')
;

标签：javascript,jquery,option,html-select
来源： https://codeday.me/bug/20190915/1805530.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。