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

【问题标题】：How can I add a <select> option using jquery? [duplicate]如何使用 jquery 添加 <select> 选项？ [复制]
【发布时间】：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”：“另一个额外的长选项”不是有效的属性名称.

标签： javascript jquery

【解决方案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

【讨论】：