jQuery как добавить пустой параметр после ценной опции в раскрывающемся списке выбора?

Question

jQuery Как добавить пустой параметр после ценной опции?

Я написал код, но он добавил пустой параметр в верхней части выпадающего списка. Но мне нужен один ценный вариант, один пустой

так:

<option></option> 
<opton valu2="1">Red</option> 
<option></option> 
<option value="2">Green</option> 

Вот мой код:

<select id="theSelectId"> 
     <option selected="selected" value=""/> 
     <option value="volvo">Volvo</option> 
     <option value="saab">Saab</option> 
     <option value="mercedes">Mercedes</option> 
     <option value="audi">Audi</option> 
    </select> 

    $("<option>", { value: '', selected: true }).prependTo("#theSelectId");​​​​​​​​​​​ 

Answer 1

Проблема заключается в том, что у вас есть несколько непечатных символов, после кода JS:

Который приводит к ошибке :

Uncaught SyntaxError: Invalid or unexpected token

Если вы удалите их, код работает отлично:

$("<option>", { value: '', selected: true }).prependTo("#theSelectId");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="theSelectId"> 
 
    <option selected="selected" value=""/> 
 
    <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="mercedes">Mercedes</option> 
 
    <option value="audi">Audi</option> 
 
</select>

Answer 2

prependTo() метод Append элемент в начале. Для добавления после использования элемента используйте метод after().

// get all options were value is not empty 
 
$('#theSelectId option:not([value=""])') 
 
    // append empty option after the element 
 
    .after('<option value=""></option>')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="theSelectId"> 
 
    <option selected="selected" value="" /> 
 
    <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="mercedes">Mercedes</option> 
 
    <option value="audi">Audi</option> 
 
</select>