Drop Down List J Query
Drop Down List J Query
cs:-
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace PAMS.Controllers
{
public class CountryController : Controller
{
PAMS2017Entities2 obj = new PAMS2017Entities2();
[HttpGet]
public ActionResult Index()
{
return View(obj.Countries.ToList());
}
return View(c);
}
[HttpPost]
public ActionResult Create(Country c1)
{
obj.Countries.Add(c1);
obj.SaveChanges();
return View();
}
}
}
obj.States.Add(s1);
obj.SaveChanges();
return View();
}
} }
Code for CityController.cs:-
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace PAMS.Controllers
{
public class CityController : Controller
{
PAMS2017Entities2 obj = new PAMS2017Entities2();
[HttpGet]
public ActionResult Index()
{
var city = obj.Cities.ToList();
return View(city);
/* [HttpPost]
public ActionResult Create()
{
return View();
}*/
}
}
Create.cshtml(city):-
@model PAMS.City
@{
ViewBag.Title = "Create";
Layout = "~/Views/_AdminLayout.cshtml";
}
<h2>Create</h2>
@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
<div class="form-horizontal">
<h4>City</h4>
<hr />
@Html.ValidationSummary(true)
<div class="form-group">
@Html.LabelFor(model => model.Cityid, new { @class = "control-label
col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.Cityid)
@Html.ValidationMessageFor(model => model.Cityid)
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.Cityname, new { @class = "control-
label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.Cityname)
@Html.ValidationMessageFor(model => model.Cityname)
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.Stateid, "Stateid", new { @class =
"control-label col-md-2" })
<div class="col-md-10">
@Html.DropDownList("State", new SelectList(string.Empty, "Value",
"Text"), "--Select State--", new { style = "width:200px" })
@Html.ValidationMessageFor(model => model.Stateid)
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<input type="submit" value="Create" class="btn btn-default" />
</div>
</div>
</div>
}
<div>
@Html.ActionLink("Back to List", "Index")
</div>
<script src="~/Scripts/jquery-1.7.1.js"></script>
<script src="~/Scripts/jquery-1.7.1.min.js"></script>
<script src="~/jquery-3.2.1.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#country").change(function () {
$("#State").empty();
$.ajax({
type: 'POST',
url: '@Url.Action("getstate")',
dataType: 'json',
data: { id: $("#country").val() },
success: function (states) {
$.each(states, function (i, state) {
$("#State").append('<option value="' + state.Value + '">' +
state.Text + '</option>');
});
},
error: function (ex) {
alert('Failed to retrieve states.' + ex);
}
});
return false;
})
});
</script>