m0rteza
دوشنبه 14 تیر 1395, 00:28 صبح
قرار در کد زیر دو تا کمبو باکس با هم در ارتباط باشن . اولی پر می شه . و دومی در رویداد change پر میشه .
در کد زیر فقط کد های جاوا اسکریپت اجرا نمیشه که کمبوی دومی رو پر کنه. نمی دونم مشکل کجاس؟!
ممنون
@model test.ViewModels.AddAddressViewModel
@{
ViewBag.Title = "AddAddress";
}
<h2>AddAddress</h2>
<script src="@Url.Content("~/Scripts/jquery-1.8.2.min.js")"></script>
<br />
شهرستان
@Html.DropDownListFor(x => x.StateNames, Model.StateNames, "--select--", new { @id = "ddlState" })
<br />
بخش
<td id="District">
@Html.DropDownListFor(x => x.DistrictNames, new List<SelectListItem>(), "--Select--", new { @id = "ddlDistrict" })
</td>
@section scripts{
<script src="@Url.Content("~/Scripts/jquery-1.8.2.min.js")"></script>
<script>
$(document).ready(function () {
$('#ddlState').change(function () {
$.ajax({
type: "post",
url: "/Home/GetDistrict",
data: { stateId: $('#ddlState').val() },
datatype: "json",
traditional: true,
success: function (data) {
var district = "<select id='ddlDistrict'>";
district = district + '<option value="">--Select--</option>';
for (var i = 0; i < data.length; i++) {
district = district + '<option value=' + data[i].Value + '>' + data[i].Text + '</option>';
}
district = district + '</select>';
$('#District').html(district);
}
});
});
});
</script>
}
در کد زیر فقط کد های جاوا اسکریپت اجرا نمیشه که کمبوی دومی رو پر کنه. نمی دونم مشکل کجاس؟!
ممنون
@model test.ViewModels.AddAddressViewModel
@{
ViewBag.Title = "AddAddress";
}
<h2>AddAddress</h2>
<script src="@Url.Content("~/Scripts/jquery-1.8.2.min.js")"></script>
<br />
شهرستان
@Html.DropDownListFor(x => x.StateNames, Model.StateNames, "--select--", new { @id = "ddlState" })
<br />
بخش
<td id="District">
@Html.DropDownListFor(x => x.DistrictNames, new List<SelectListItem>(), "--Select--", new { @id = "ddlDistrict" })
</td>
@section scripts{
<script src="@Url.Content("~/Scripts/jquery-1.8.2.min.js")"></script>
<script>
$(document).ready(function () {
$('#ddlState').change(function () {
$.ajax({
type: "post",
url: "/Home/GetDistrict",
data: { stateId: $('#ddlState').val() },
datatype: "json",
traditional: true,
success: function (data) {
var district = "<select id='ddlDistrict'>";
district = district + '<option value="">--Select--</option>';
for (var i = 0; i < data.length; i++) {
district = district + '<option value=' + data[i].Value + '>' + data[i].Text + '</option>';
}
district = district + '</select>';
$('#District').html(district);
}
});
});
});
</script>
}