javascript - jQuery 如何在选择下拉列表中的有值(value)的选项后添加空白选项？

Question

jQuery如何在有值(value)的选项后添加空白选项？

我编写了代码，但它在下拉列表顶部添加了空白选项。但我需要一个有值(value)的选项，一个空白

像这样:

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