Добавить опцию отборной элемент на втором месте

Question

Я ищу, чтобы узнать, как разместить новый выберите элемент на втором месте списка выбора

Иерархия:

• первый: белый элемент
• второй: мой новый элемент (там: Добавить)
• следующими: мой список адресов электронной почты

Моя функция:

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

Некоторые один знаю, что это вариант?

Answer 1

Попробуйте это:

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

Answer 2

Вы, вероятно, придется выбрать первый дочерний #email и вставить элемент с insertAfter:

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

Answer 3

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

DEMO