title: Getting selected item's Value and Text from bounded DropDownList
body: <p>My DropDownList is bound with <code>public List&lt;SelectListItem&gt; CountryList { get; set; }</code> Model's property as <code>@Html.DropDownListFor(m =&gt; m.CountryCode, Model.CountryList, "-- Select --")</code>. <code>CountryCode</code> is a <code>short</code> property to hold the code of the Country. How can i achieve</p>
  
  <p>1- Show both Code and Name of the country in the DropDownList as <code>"CountryCode - CountryName"</code></p>
  
  <p>2- Receive both Code and the Name of selected Country as bounded to the Model passed to the Action. In other words, the type of the CountryCode is <code>SelectListItem</code> rather than <code>short</code></p>
  
  <p><strong>PS. No scripting</strong></p>