How to add a parameter at the beginning?

Question

How to add a parameter at the beginning?

I have an html select,

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

I need to add a new option to this selection. If I try like this:

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

my option added to the end

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

How to add a parameter at the beginning (like the first)? Like this:

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

+3

javascript jquery html-select

cackle May 09 '11 at 8:00

source share

3 answers

Use prependTo()

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

~~shock> Perhaps you meant it~~

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

http://api.jquery.com/prependTo

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

. . : prepend() prependTo()

+4

JohnP 09 '11 8:01

In POJS you use insertBefore()for example.

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

+4

Robg May 09 '11 at 9:22

source share

lonesomeday · Accepted Answer · 2011-05-09T08:01:31+0000

First, you mean append, not appendTo. appendAdds the contents of the parameter to the selection appendToAdds a selection to the item specified in the parameter.

Secondly, perhaps intuitively, you can use prepend:

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

How to add a parameter at the beginning?

More articles: