Как вызвать код Javascript / AJAX при изменении значения моего раскрывающегося списка? - PullRequest
Новая
       6

Как вызвать код Javascript / AJAX при изменении значения моего раскрывающегося списка?

0 голосов
/ 06 марта 2020

У меня есть проект Django, в котором я пытаюсь запустить скрипт JS / AJAX, когда раскрывающийся список изменяет значение. Тот же код хорошо работает для кнопки, но не для раскрывающегося списка.

Вот код html с кнопкой, раскрывающимся списком и, наконец, сценарием: 

  <button class="toChange">AJAX POST TEST</button>

  <select class="toChange">
    {% for item in regions %}
    <option val="{{ item }}" {% ifequal item reg %} selected {% endifequal %}> {{ item }} </option>    
    {% endfor %}
  </select>

  <script type="text/javascript">
       $(".toChange").click(function(){
        $.ajax({
            type: 'POST', 
        }); 
    });

EDIT1: добавление views.py и внесение поправок в раскрывающийся список для его правильного отображения, поскольку я мог бы упростить мой пример. 

def MyView(request):
    result_r = request.POST.get('reg')

    if request.method == 'POST' and request.is_ajax:

        result_r = request.POST.get('reg')
        query_results = data_immo.objects.all()
        regions = data_immo.objects.values_list("nom_reg", flat=True).distinct().order_by('nom_reg')
        departements = data_immo.objects.values_list("insee_dep").filter(Q(nom_reg=result_r)).distinct()

        query_results_dict = {
        'query_results': query_results,
        'regions': regions,
        'departements': departements,
        'reg': result_r
        }

        return render(request,'home.html', query_results_dict)

Почему он будет работать с кнопкой, а не с раскрывающимся списком? Я действительно новичок в этом, так что поймите, что не так. Спасибо!

1 Ответ

4 голосов
/ 06 марта 2020

Вам необходимо использовать событие change в случае <select>

$(".toChange").on('change', function(){ ... })
...