Как ДИНАМИЧНО передавать значения из шаблона в представления, а затем получать их тоже?

Question

У меня есть шаблон с выпадающим списком и некоторыми текстовыми полями.Я хочу, чтобы значения, отображаемые в текстовом поле, динамически изменялись в зависимости от того, что пользователь выбирает в раскрывающемся списке.Как я могу реализовать их так, чтобы, когда пользователь выбирает опцию в раскрывающемся списке, соответствующие данные из базы данных выбирались и появлялись в этих текстовых полях?

Answer 1

Вот простой пример:

HTML

<select>
  <option val="mercedes">Mercedes</option>
  <option val="toyota">Toyota</option>
</select>

JS

$('select').change(function (e) {
  e.preventDefault();
  var car = $(this).val();

  $.ajax({
    method: "GET",
    url: "{% url 'car_data' %}",
    data: {"car": car}
  }).done(function (response) {
    console.log(response)  // Do whatever you want with the response
  }).fail(function (err) {
    console.log(err)
  })
})

вид

def get_car_data(request):
    car = request.GET['car']
    car_obj = CarData.objects.get(car=car)

    data = {"car_details": car_obj.details}  # If .details exists of course
    return JsonResponse(data)

URLs

urlpatterns = [
    ...
    path('car-details', views.get_car_data, name="car_data"),
    ...
]