Home » Asp.Net » Bind DropDownList in Asp.MVC using Range/Fixed value

Bind DropDownList in Asp.MVC using Range/Fixed value

In most of the application we are using dropdown to select some value from predefined list of value. Some of them are getting bind from the database table, some of are getting bind using Enum value while some of them are getting bind using some fix value like 1 to 10, or month drop-down 1 to 12. In this article post we will see how to bind drop-down using range value in MVC.

Below if the sample code which will bind 2000 to 2014 in year drop-down.

@using System.Web.Mvc
@{
    ViewBag.Title = "Home Page";
}

@Html.DropDownList("Year",
    Enumerable.Range(2000, 15).
    Select(i => new
    SelectListItem
    {
        Text = i.ToString(),
        Value = i.ToString()
    }),new { style="width:300px;"})

above code will produce output as below image.

In the above code we have just write a code in view only, there is no server side code. Now in some cases we need to bind some data which are not in particular range like “2000, 2002, 2004, 2006, 2008” or some string type fixed data then we can not use “Enumerable.Range”, so how can we bind those kind of data. See the below example to bind fixed data to dropdown control using Asp.net MVC.

@using System.Web.Mvc
@{
	ViewBag.Title = "Home Page";
}

<br /><br />
@Html.DropDownList("Year",
	new SelectList(
	new[]
	{	
		2000, 2002, 2004, 2006, 2008,
		2010, 2012, 2015, 2018, 2022,
		2023, 2034, 2035, 2036, 2041, }),
	new { style = "width:300px;" })

above code will produce output as below image.

In this article we have seen two options to bind dropdown using Range and fixed value, In our next article we will see how to bind a dropdown with ViewBag object.

About Coding Sharp

Coding sharp is a blog where you can find the authors personal experience, tutorials, examples, code samples, resources related to C#, Asp.Net, Linq, Ajax, MVC, Entity Framework, SQL Server, jQuery, Visual Studio.

Pages