如何在开头添加选项？

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);