MVC3 razor view dropdownlist from Enum

[GoldenKing]

I am filling my dropdownlist with items from Enum.How can I get the index of enum items to dropdown list ?

Here is my Enum

public enum Colors{ red,blue,green,yellow,orange,white,black,Teal,Custom }

Here is my dropdownlist

 @Html.DropDownList("SelectedColourId", Model.ColourList, "(Select one Color)")

Here is my ViewModel

 myPageViewModel:BasicViewModel
    {
 .....
     public IEnumerable<SelectListItem> ColourList{ get; set; }
.........
    }

Here is how I get data from Enum

myPageViewModel.ColourList = Enum.GetNames(typeof(Colors))
    .Select(c => new SelectListItem() { Text = c, Value = c })
    .ToArray();

Here I am able to populate my dropdownlist with colors

<select id="SelectedColourId" name="SelectedColourId"><option value="">(Select one Color)</option>
<option value="red">red</option>
<option value="Blue">Blue</option>
<option value="Green">Green</option>
<option value="Yellow">Yellow</option>
--------
--------
</select>

But I need

<select id="SelectedColourId" name="SelectedColourId"><option value="0">(Select one Color)</option>
<option value="1">red</option>
<option value="2">Blue</option>
<option value="3">Green</option>
<option value="4">Yellow</option>
--------
--------
</select>

[RhysW]

in your enumeration you're setting both text and value to c, this could be the reason why the text and the value are the same

[maulymodi]

use the following code for enum drop down boxes:

   public enum UserStatus
        {
            New = 1,
            Unverified = 2,
            Active = 3,
            Inactive = 4
        }

View:

 @Html.DropDownListFor(model => model.Status, Enum.GetValues(typeof(Enum.UserStatus)).Cast<Enum.UserStatus>().Select(v => new SelectListItem
                             {
                                 Text = v.ToString().Replace("_", " "),
                                 Value = ((int)v).ToString()
                             }), "Select One")