如何使用 jquery 添加 <select> 选项？ [复制]

Posted 2023-02-16

【中文标题】如何使用 jquery 添加 <select> 选项？ [复制]

【英文标题】：How can I add a <select> option using jquery? [duplicate]

【发布时间】：2014-08-12 05:07:53

【问题描述】：

我正在尝试js：

$('a[data-select="more-options"]').click(
  function () 
    $('select')
      .append($("<option></option>")
      .attr("one more additional and long option",3)
      .text("3333333333"));
  
);

在 html 上

<span id="dropdown">A 
  <select>
    <option>this is option 1</option>
    <option>This is option 2</option>
  </select> list<br>
</span>

&nbsp;<a data-select="more-options" href="#">Add long option to the select</a>

但我没有得到任何结果（或错误）。

【问题讨论】：

“一个额外的长选项”是属性吗？

在 Chrome 35 中执行代码时确实出现错误：未捕获的 InvalidCharacterError：无法在“元素”上执行“setAttribute”：“另一个额外的长选项”不是有效的属性名称.

【参考方案1】：

检查这个fiddle。

$('select').append( "<option>This is option 3</option>" );

这会将第三个选项附加到 select。您可以将其他属性添加到该选项。

【参考方案2】：

检查一下，

$('a[data-select="more-options"]').click(function () 
     $('select').append("<option>3333333333</option>");
);

jsfiddle