Add option to select item in second place

Question

I am looking to find out how to place a new selection item in second place in the selection list

Hierarchy:

My function:

function classAppend(){
    $('#email').append(
        $('<option></option>').val('').addClass('new_address_mail').html("Add")
    );
}

Does anyone know what an option is?

+5

Ub May 29 '12 at 12:39

3 answers

You probably need to select the first child element #emailand insert your element with insertAfter:

$('<option></option>')
   .val('')
   .addClass('new_address_mail')
   .html("Add")
   .insertAfter($('#email').children().first());

+1

lonesomeday May 29 '12 at 12:42

$("<option value='x'>newly added</option>").insertAfter($("select option:first"));

+1

Phil.Wheeler · Accepted Answer · 2012-05-29T12:43:34+0000

Try the following:

$('#email option:first').after($('<option />', { "value": '', text: 'My new option', class: 'new_address_mail' }));