PDA

View Full Version : سوال: وصل کردن دو DropDownList به هم با JQuery



soroushiiiam
شنبه 08 آبان 1400, 00:56 صبح
سلام دوستان من میخوام مثل دراپ دان لیست های شهر و استان که به هم مرتبط هستن برای این ویو خودم هم درست کنم مثل این عکس:

153557
و رفتم سرچ کردم و کد اسکریپتی شو هم پیدا کردم:

dllCategory و dllType دو تا ایدی واسه همین دراپ دان لیست هام هستن

<script type="text/javascript">
$(document).ready(function () {

$("#ddlCategory").change(function () {
var SelectedVal = $(this).val();
$("#ddlType").html('');
$("#ddlType").append($("<option></option>").attr("value", '')
.text('انتخاب'));
if (SelectedVal != '') {

$.get('/Admin/Products/SelectType/',
{
"CategoryID": SelectedVal
}).done(function (data) {
$.each(data, function (index, item) {
$("#ddlType").append($("<option></option>").attr("value", item.TypeID)
.text(item.TypeName));
});

});
}
});
})
</script>



این دو تا دراپ دان ها دو تا مدل هستن به نام های Category و Type:

153558


در کد جاوااسکریپت بالا که آدرس /Admin/Products/SelectType رو Get میکنه این SelectType یک ActionMethod هست که همراه با همین کد جاوا اسکریپت کپی کردمش :



153559


اما مشکل اینجاس که به من اروره GET رو توی قسمت Console میده و توی دراپ دان Type (گروه) به من گروه ها نمایش داده نمیشن:


153560


اگه آموزشی شما سراغ دارین واسه حل مشکلم راهنماییم کنین ممنون

mmbguide
چهارشنبه 11 خرداد 1401, 22:53 عصر
سلام

البته کدهای شما را امتحان نکردم ولی در ارسال مقدار به متد نام پارامتر ورودی متد را بدون "" بنویسید ببینید مشکل حل میشه. اگر در خطایی نمایش داده شده نگاه کنید میبینید که از علامت ؟ بعد از / استفاده شده. البته می تونید علامت / که در انتهای SelectType استفاده کردید را حذف کنید شاید مشکلتون حل شد.