Django Javascript предварительно выбранное значение из базы данных

У меня есть ряд выпадающих списков, которые зависят от того, который находится выше. Начиная с 'state', я получаю список всех городов этого штата, а затем все школы в этом городе.

Я пытаюсь найти способ, чтобы, когда пользователь хочет обновить эту информацию, он извлекал текущую информацию из базы данных, а затем предварительно выбирал это значение из списка. В настоящее время он просто показывает "Выберите штат" все время, пока не будет выбран. Если пользователь из штата Мэн, я хочу, чтобы это значение уже было выбрано.

Также, если возможно, как сделать это оператором if. Чтобы если состояние пользователя равно null, то выводилось 'Choose state', а если не равно null, то выводилось текущее состояние.

Большое спасибо за помощь!

views.py

def get_json_state_data(request):
    qs_val_unsorted = list(States.objects.values())
    qs_val = sorted(qs_val_unsorted, key=lambda d: d['name'])
    return JsonResponse({'data':qs_val})

display.html

<div class="ui fluid search selection dropdown" id='states_dropdown'>
  <input type="hidden" name="state">
  <i class="dropdown icon"></i>
  <div class="default text" id="state_text">Choose a state</div>
    <div class="menu" id='state_data_box'> </div>
  </div>

main.js

 $.ajax({
  type: 'GET',
  url: '/register/states-json/',
  success: function(response){
    const states_data = response.data
    states_data.map(item=>{
      const option = document.createElement('div')
      option.textContent = item.name
      option.setAttribute('class', 'item')
      option.setAttribute('data_value', item.name)
      statesDataBox.appendChild(option)
    })
  },
  error: function(error){
    console.log(error)
  }
})

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