如何在开头添加选项？

Question

我有html选择，

<select id="myselect">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

我需要在此选择中添加新选项。 如果我这样做：

$('#myselect').appendTo($('<option>my-option</option>')); 

my-option已添加到最后

<select id="myselect">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>my-option</option>
</select>

如何在开头添加选项（首先）？ 像这样：

<select id="myselect">
    <option>my-option</option>
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

Answer 1

首先，您的意思是append，而不是appendTo。 append将参数的内容添加到选择中; appendTo将选择附加到参数中指定的元素。

其次，也许直观地说，你可以使用prepend：

$('#myselect').prepend($('<option>my-option</option>')); 

Answer 2

在POJS中，您使用insertBefore()，例如

var select = document.getElementById('mySelect');
var opt = new Option('', 'my-option');
select.insertBefore(opt, select.firstChild);

Answer 3

使用prependTo()

<击>

$('#myselect').prependTo($('my-option'));//typo? 

你可能意味着这个

$('#myselect').prepend($('<option>my-option</option>'));  

http://api.jquery.com/prependTo

http://api.jquery.com/prepend/

但你的代码实际上是另一种方式。这可能是一个错字。无论如何，可用的方法是prepend()和prependTo()