所以我有一个下拉列表
- <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");