如何使用jquery？</select>添加<select>选项

Question

我正在尝试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>

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

Answer 1

选中fiddle。

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

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

Answer 2

检查一下，

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

<强> jsfiddle