چطور میتوانم یک لیست کشویی وابسته به هم در html ایجاد کنم؟

Question

چطور میتوانم یک لیست کشویی وابسته به هم در html ایجاد کنم؟

سوال

با سلام و عرض ادب خدمت دوستان گرامی

بنده میخواستم یک فرم درست کنم که وقتی نوع ماشین رو انتخاب میکنم در فیلد بعد مدل ماشین رو نمایش بده و بعد انتخاب کنیم

از آموزش سایت استفاده کردم و لیست رو آماده کردم

فقط یه مشکل دارم

اطلاعات ماشین به درستی وارد دیتابیس میشه ولی اطلاعات مدل به صورت عدد در دیتابیس ثبت میشه

اگه میشه راهنمایی کنید

اینم کدی هستش که استفاده میکنم

<select id="car" onchange="ChangeCarList()" type="text" name="car"  value="<?php echo old( 'car' ); ?>">
 <option value="">-- Car --</option> 
 <option value="VO">Volvo</option> 
 <option value="VW">Volkswagen</option> 
 <option value="BMW">BMW</option>
</select>
 <select id="carmodel" type="text" name="carmodel"  value="<?php echo old( '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>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

<option value="VO">Volvo</option>

<option value="VW">Volkswagen</option>

</select>

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>

در حال بررسی 0

PHP hossein_h_ir 2 سال 1 پاسخ 190 دیده شده 0

درباره hossein_h_ir

پاسخ ( ۱ )

ارسال یک پاسخ

سوال قبلی

سوال بعدی

SJD · Answer 1 · ۱۴۰۱-۰۴-۲۰

SJD

0

۱۴۰۱-۰۴-۲۰ در ۱۱:۳۵

پاسخ دادن

باسلام

شما میتونید به ادرس زیر مراجعه کنید و کد مربوطه را با توجه به کارتون استخراج کنین. کمکتون میکنه

https://www.cssscript.com/tag/dependent-dropdown/