select های وابسته به هم

سلام من یه سری تگ سلکت وابسته به هم درست کردم ، الان میخوام وقتی کاربر مثلا برند ماشین انتخاب کرد و بعدش مدل اون برند رو هم انتخاب کرد یه value به دیتابیس من ارسال شه...در حقیقت میخوام برای اون option های کشو دوم value قرار بدم...بایدچی کار کنم؟
اینم کدام

<select id="car" onchange="ChangeCarList()">
 <option value="">-- Car --</option> 
 <option value="VO">Volvo</option> 
 <option value="VW">Volkswagen</option> 
 <option value="BMW">BMW</option>
</select>

<select id="carmodel"></select>

<script>
var carsAndModels = {};
carsAndModels['VO'] = ['V70', 'XC60', 'XC90'];
carsAndModels['VW'] = ['Golf', 'Polo', 'Scirocco', 'Touareg'];
carsAndModels['BMW'] = ['M6', 'X5', 'Z3'];

function ChangeCarList() {
    var carList = document.getElementById("car");
    var modelList = document.getElementById("carmodel");
    var selCar = carList.options[carList.selectedIndex].value;
    while (modelList.options.length) {
        modelList.remove(0);
    }
    var cars = carsAndModels[selCar];
    if (cars) {
        var i;
        for (i = 0; i < cars.length; i++) {
            var car = new Option(cars[i], i);
            modelList.options.add(car);
        }
    }
} 
</script>

ثبت پرسش جدید

میلاد خسروی

تخصص : برنامه نویس بامزه

@milwad 3 سال پیش مطرح شد

سلام خسته نباشید

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $("#name_module").change(function () {
                var val = $(this).val();
                if (val == "payments") {
                    $("#condition").html("<option value=''>شرط را انتخاب کنید</option>" +
                        "<option value='status_payments'>وضعیت</option>");
                } else if (val == "invoice") {
                    $("#condition").html("<option value=''>شرط را انتخاب کنید</option>" +
                        "<option value='stage_invoice'>مرحله پیش فاکتور</option>");
                } else if (val == "contacts") {
                    $("#condition").html("<option value=''>شرط را انتخاب کنید</option>" +
                        "<option value='status_contacts'>وضعیت</option>");
                } else if (val == "lessons") {
                    $("#condition").html("<option value=''>شرط را انتخاب کنید</option>" +
                        "<option value='status_lessons'>وضعیت</option>");
                } else if (val == "account") {
                    $("#condition").html("<option value=''>شرط را انتخاب کنید</option>" +
                        "<option value='acc_rating_c_account'>میزان جذابیت</option>" +
                        "<option value='account_type_account'>نوع حساب</option>");
                } else if (val == "tips") {
                    $("#condition").html("<option value=''>شرط را انتخاب کنید</option>" +
                        "<option value='lead_source_tips'>منبع سر نخ</option>" +
                        "<option value='acc_rating_c_tips'>میزان جذابیت</option>" +
                        "<option value='status_tips'>وضعیت</option>");
                } else if (val == "services") {
                    $("#condition").html("<option value=''>شرط را انتخاب کنید</option>" +
                        "<option value='case_reason_c_services'>دلیل ارائه سرویس</option>" +
                        "<option value='case_severity_c_services'>شدت</option>" +
                        "<option value='priority_services'>اولویت</option>" +
                        "<option value='status_services'>وضعیت</option>" +
                        "<option value='type_services'>نوع</option>");
                } else if (val == "purchase order") {
                    $("#condition").html("<option value=''>شرط را انتخاب کنید</option>" +
                        "<option value='status_purchase_order'>وضعیت</option>");
                } else if (val == "factor") {
                    $("#condition").html("<option value=''>شرط را انتخاب کنید</option><" +
                        "option value='status_factor'>وضعیت</option>");
                } else if (val == "opportunities") {
                    $("#condition").html("<option value=''>شرط را انتخاب کنید</option>" +
                        "<option value='opportunity_lost_reason_c_opportunities'>دلیل از دستن رفتن</option>" +
                        "<option value='sales_stage_opportunities'>مرحله فروش</option>" +
                        "<option value='lead_source_opportunities'>منبع سرنخ</option>" +
                        "<option value='type_opportunities'>نوع</option>");
                } else if (val == "duties") {
                    $("#condition").html("<option value=''>شرط را انتخاب کنید</option>" +
                        "<option value='status_duties'>وضعیت</option>");
                } else {
                    $("#condition").html("<option value=''>شرط را انتخاب کنید</option>" +
                        "<option value='nullable'>خالی</option>");
                }
            });
        });

ارسال پاسخ

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام

دوره‌های آموزشی

مسیرهای یادگیری

پیشرفت من

دوره‌های رایگان

گواهی پایان دوره

محبوب‌ترین آموزش‌ها

select های وابسته به هم

گزینش سوالات

گفت و گو های مرتبط

دسته ‌بندی سوالات

تگ‌های محبوب

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید