所以我有一个下拉列表
<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>
尝试在之前添加一个空白选项并将其设置为此选项，希望强制用户从原始列表中选择一个值，但是当用户看到他们必须选择的选项时，它将空白。
尝试这，但不工作
// Add blank option
var blankOption = {optVal : ''};
$.each(blankOption,function(optVal,text) {
$('<option></option>').val(optVal).html(text).preprendTo('#theSelectId');
});
我已经尝试过，但清除了其他的价值观
$('#theSelectId option').prependTo('<option value=""></option>');
解决方法
这工作：
$("#theSelectId").prepend("<option value='' selected='selected'></option>");
Firebug输出：
<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：
$("<option>",{ value: '',selected: true }).prependTo("#theSelectId");
