Заполнение текстового поля на основе выбора из выпадающего списка в моделях django

У меня есть выпадающий список с именем car_model. Я связываю его с моей моделью t_cars. Я хочу, чтобы при выборе модели автомобиля текстовые поля заполнялись другими атрибутами автомобиля из моей модели. Например,

(образец таблицы)

 Model=Toyota
 Price=$2500
 Color=Red

 Model=Nissan
 Price=$3000
 Color=Orange

Когда я выбираю Toyota, текстовые поля будут заполнены цветом и ценой автомобиля модели Toyota, которая составляет $2500 и цвет оранжевый. Извините за то, что мне трудно объяснить. Надеюсь, что кто-нибудь сможет мне помочь. Вот мои коды.

models.py

 class t_cars(models.Model):

     c_model=models.TextField("Model",max_length=25, blank=True, null=True)
     c_price=models.FloatField("Price",blank=True, null=True)
     c_lot=models.TextField("Color",max_length=25, blank=True, null=True)

views.py

 def createCars(request):
     cars=t_cars.objects.all()
     context={'cars':cars}
 return render(request, 'accounts/cars_form.html', context)

car_form.html

<div>
    <label>Car Model:</label>
        <select id='car_model' name='car_model' type="text" onchange="populateTxtBox(this)">
               {% for c in car %}
                   <option>{{ c.c_model }}</option>   
               {% endfor %}
        </select>
 </div>  
 <label><b>Price: </b></label>
     <input id='car_price' name='car_price' type="text">  
 <label><b>Color: </b></label>
     <input id='car_color' name='car_color' type="text">  

script. В моем скрипте я пытаюсь сначала показать только цену, прежде чем перейти к цвету автомобиля, но это не работает.

function populateTxtBox(){
    var model = document.getElementById("car_model");
    var selectedOption = model.selectedOption[model.selectedIndex].value;
    var price=document.getElementById('car_price');
    price.value=selectedOption;
}        

Вернуться на верх