如何在下拉列表中将值添加到默认选项中？

我在我的页面中有一个dropdownlist。我必须在dropdownlist中的“请选择”选项中添加一个值“0”。任何人都可以告诉如何使用jQuery来做到这一点？我的下拉代码：如何在下拉列表中将值添加到默认选项中？

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

在此先感谢..

来源

2013-06-27 Marsh

你可以看到这个问题：http://stackoverflow.com/questions/1070828/jquery-add-blank-option-to-top-of-list-and-make-selected-to-existing-dropdown – Cesar

用'0 /请选择...'选项预先设置'Model.Project.GetSelectList（）'函数的结果，不需要javascript。 –

@RoryMcCrossan这肯定是一个选项，但我认为OP已经特别要求基于jQuery的解决方案。 –

你应该尝试这一个。我认为这将是帮助你

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

来源

2013-06-27 11:16:12

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

您可以让我看看它在jsfiddle @Marsh –

看到这个例子JSFIDDLE LINK http://jsfiddle.net/Subhash09/ThPhX/ –

在你的身体标记的末尾添加这样的：

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

来源

2013-06-27 11:16:35

如果你把它放在不需要在'$（function（）{...}）中包装它;' –

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 LINK http://jsfiddle.net/EwDuj/443/

来源

2013-06-27 11:18:52

我认为在这里更好 –

是:)！我同意！！我习惯了'.append'，我忘了这个 –

@vignesh：你能告诉如何验证下拉菜单 – Marsh

如何在下拉列表中将值添加到默认选项中？

回答

相关问题