함수에 ajax 호출이 포함 된 경우 드롭 다운 선택 변경이 실행되지 않습니다. 함수에 경고 만 포함 된 경우 함수가 작동합니다.
다음은 코드입니다.
<div class="col-md-6">
<div class="form-group">
<label>Select Category</label>
@Html.DropDownListFor(x => x.CategoryId, new SelectList(Model.Categories, "CategoryId", "CategoryName", Model.CategoryId),
new { @class = "form-control select2", id = "myCategories" })
</div>
<div class="form-group" id="makes">
</div>
</div>
다음은 js 함수입니다.
@section scripts{
<script type="text/javascript">
$(document).ready(function () {
$(document.body).on('change', "#myCategories", function (event) {
var selected = $('#myCategories').val();
alert("catid changed to : " + selected);
$.ajax({
url : @Url.Action("getMakes","Transaction", new {categoryId= Model.CategoryId}),
success: function (data) {
alert(data);
$('#makes').html = data;
},
error: function () {
alert("failed");
}
});
});
});
</script>
}
ajax 블록에 주석을 달면 작동하고 경고를 표시합니다. 왜 이렇게 행동하는지 아는 사람 있나요?
크리스마스인데도이 문제를 해결하도록 도와 주신 모든 분들께 감사드립니다. 마지막으로 ajax의 URL 부분 앞뒤에 단일 반전 쉼표를 넣어 작동했습니다. 콘솔 단서에 대해 @AnilTalla에게 감사드립니다. 다음은 업데이트 된 js입니다.
$(document).ready(function () {
$(document.body).on('change', "#myCategories", function (event) {
var selected = $('#myCategories').val();
alert("catid changed to : " + selected);
$.ajax({
url : '@Url.Action("getMakes","Transaction", new {categoryId= Model.CategoryId})',
success: function (data) {
alert(data);
$('#makes').html = data;
},
error: function () {
alert("failed");
}
});
});
});
모두 메리 크리스마스.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다