طراحی فرم در MVC با المنت های متنوع بسته به گروه انتخابی کاربر

ممنون از پاسختون دوست گرامی ولی منظور من cascade dropdown نیست منظور من نمایش فیلدهای متفاوت بر حسب گروهی که کاربر انتخاب میکنه هست. مثلا فرض کنید گروه های املاک، لوازم الکترونیکی و ... داریم اگه کاربر املاک رو انتخاب کرد یک سری فیلد باید لود بشه تا پر کنه، اگه لوازم الکترونیکی رو انتخاب کرد باید یه سری فیلد نمایش داده بشه و ...

درست میفرمایید برای نمایششون روی صفحه مشکلی وجود نداره ولی چون فیلدهای متغیر مربوط به موجودیت های متفاوتی هستن میخوام ببینم با چه اسمی روی صفحه لود بشن و چجوری سمت سرور پست و پردازش بشن.

دوست عزیز، فرض کنید یکی از فیلدهای ورودی انتخاب استان هست و میخواهیم بر اساس استان انتخاب شده نام شهرها را برای کاربر نمایش دهیم. کد زیر مربوط به فیلد انتخاب استان هست:

<select id="states-dropdown" name="state">
    <option value="Tehran">تهران</option>
    <option value="Alborz">البرز</option>
</select>

در قسمت بعد بوسیله jquery و رویداد onchange زمانی که فیلد استان تغییر کرد به صورت ajax اطلاعات را از سرور میخوانید:

$(function(){
    $('#states-dropdown').on('change',function(e){
        var value = $(this).val();
        $.ajax({
            url: 'yoursite.com/getcities',
            data: {state: value},
            type: 'get',
            success: function(result){
                $('cities-dropdown').html(result);
            }
        });
    });
});

حالا کافیه تو action ای که داری، لیست شهر را رو ارسال کنی:

public ActionResult GetCities(string state)
{
    var cities = get cities from database;
    return PartialView(cities);
}

داخل partial view لیست شهر ها رو در قالب تگ های option برگردون.

باز هم فرقی نمیکنه، مهم کد HTML ای هست که شما بوسیله قسمت ajax از سرور دریافت و به صفحه اضافه می کنید. حالا اون کد HTML میتونه فیلد های مربوط به یک گروه خاص باشه که بعد از دریافت به یک تگ div میتونید append کنید.