jQuery将空白选项添加到列表顶部，并将其选中为现有的下拉列表 [英] jQuery add blank option to top of list and make selected to existing dropdown

问题描述

所以我有一个下拉列表

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

这是我想要的

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

尝试在之前添加一个空白选项并将其设置为此，要强制用户选择一个价值从原来的列表，但希望它们看到他们必须选择的选项是空白。

Trying to add a blank option before and set it to this, want to enforce the user to select a value from the original list but would like it to be blank when they see the option they have to choose.

尝试这个但不工作

// Add blank option
var blankOption = {optVal : ''};
$.each(blankOption, function(optVal, text) {
   $('<option></option>').val(optVal).html(text).preprendTo('#theSelectId');
});

我已经尝试过，但清除其他值

and I have tried this but is clears out the other values

$('#theSelectId option').prependTo('<option value=""></option>');

推荐答案

这个工作：

$("#theSelectId").prepend("<option value='' selected='selected'></option>");

Firebug输出：

Firebug Output:

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

您还可以使用 .prependTo 想要颠倒顺序：

You could also use .prependTo if you wanted to reverse the order:

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

这篇关于jQuery将空白选项添加到列表顶部，并将其选中为现有的下拉列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！