首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >jQuery将空白选项添加到列表顶部并将选定项添加到现有下拉列表中

jQuery将空白选项添加到列表顶部并将选定项添加到现有下拉列表中
EN

Stack Overflow用户
提问于 2009-07-01 19:12:44
回答 2查看 127.6K关注 0票数 66

所以我有一个下拉列表

代码语言:javascript
复制
<select id="theSelectId">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

这就是我想要的

代码语言:javascript
复制
<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>

之前尝试添加一个空白选项并将其设置为此选项,希望强制用户从原始列表中选择一个值,但当用户看到必须选择的选项时,希望该选项为空。

尝试这样做,但不起作用

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

我已经尝试过了,但它清除了其他值

代码语言:javascript
复制
$('#theSelectId option').prependTo('<option value=""></option>');
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1070828

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档