如何在下拉列表的默认选项中添加一个值？答案

【问题标题】：How to add a value into default option in dropdownlist?如何在下拉列表的默认选项中添加一个值？
【发布时间】：2013-06-24 20:35:55
【问题描述】：

我的页面中有一个下拉列表。我必须在下拉列表中的“请选择”选项中添加一个值“0”。谁能告诉如何使用 jquery 执行此操作？我的下拉代码是：

<%: Html.DropDownListFor(m => m.Project.SelectedValue, Model.Project.GetSelectList(), new { @id = "jqDropDownBox" }) %>

提前谢谢..

【问题讨论】：

你可以在这个问题中看到：stackoverflow.com/questions/1070828/…
在Model.Project.GetSelectList() 函数的结果前面加上0/Please Select... 选项，不需要javascript。
@RoryMcCrossan 这当然是一个选项，但我认为 OP 专门要求提供基于 jquery 的解决方案。
@JeevanJose 人们要求什么和什么是最佳实践通常是两个截然不同的东西，这就是我们在这里指导人们的原因;)
@RoryMcCrossan 我同意。只是指出问题的具体要求。

标签： jquery

【解决方案1】：

在你的body标签末尾添加：

$(function(){
    $("#jqDropDownBox").prepend("<option value='0'>Select an option..</option>");
});

【讨论】：

如果你把它放在body标签的末尾，则不需要将它包裹在$(function(){...});中

【解决方案2】：

HTML

<select id="selId">
     <option id='1' value='1'>1</option>
     <option id='2' value='2'>2</option>
     <option id='3' value='3'>3</option>
     <option id='4' value='4'>4</option>
     <option id='5' value='5'>5</option>
</select>

Javascript

$('document').ready(function() 
                        {
                            $("#selId").prepend('<option value=0>0</option>');
$("select#selId").val("0");
}
);

示例 JSFIDDLE 链接 http://jsfiddle.net/EwDuj/443/

【讨论】：

我认为在这里添加更好
是的 :) !!我同意！！我已经习惯了.append，所以我忘了这个
@vignesh: 你能告诉我如何在这里验证下拉菜单
If($("#selId").val()
验证！？抱歉，我无法理解您的问题

【解决方案3】：

你应该试试这个。我想对你有帮助

 $('#jqDropDownBox').prepend('<option value="">[Select option]</option>');

【讨论】：

@subash：我必须在输入字段附近显示错误消息