I am trying to require a selection on a DDL but not sure how to do it. I would like to display ---Select--- and make the user pick the correct selection. Here is my view, controller and model code. Could someone tell me what I am doing wrong?
Thanks!
View:
$.ajax({
type: 'POST',
url: '@Url.Action("GetCategory")', // we are calling json method
dataType: 'json',
data: { id: $("#RequestType").val() },
success: function (category) {
$.each(category, function (i, category) {
$("#Catagory").append('<option value="' + category.Value + '">' +
category.Text + '</option>');
});
Controller:
public JsonResult GetCategory(string id)
{
List<SelectListItem> category = new List<SelectListItem>();
switch (id)
{
case "1":
category.Add(new SelectListItem { Text = "N/A", Value = "N/A" });
break;
case "2":
category.Add(new SelectListItem { Text = "N/A", Value = "N/A" });
break;
case "3":
category.Add(new SelectListItem { Text = "N/A", Value = "N/A" });
break;
case "4":
category.Add(new SelectListItem { Text = "---Select---", Value = null });
category.Add(new SelectListItem { Text = "Address", Value = "Address" });
category.Add(new SelectListItem { Text = "Closing", Value = "Closing" });
}
return Json(new SelectList(category, "Value", "Text"));
Model:
[Required(ErrorMessage = "Category Required.")]
[DisplayName("Category")]
public string Category { get; set; }
