Python JQuery中的两个不同on.change（）事件和一个ajax调用

我有两个内置的python下拉列表，我正在尝试使用Ajax调用将它们链接在一起

您可以在html中看到相关代码：

<script>
        $("#id_city").change(function () { // event on the city dropdown change. 
          var cityId = $(this).val();


          $.ajax({                       // initialize an AJAX request
            url: '{% url "city_autocomplete" %}',    // set the url of the request (= localhost:5000/app/ajax/city-autocomplete/)
            data: {
              'cityId': cityId      // add the city id to the GET parameters
            },
            // dataType: 'json',
            success: function (data) {
              $('#preview').html(data); // replace the html response with the <div> content
            }
          });
          event.preventDefault();
        });
  </script>

  <script>
        $("#id_tag").change(function () {
          var tagId = $(this).val();

          $.ajax({
            url: '{% url "city_autocomplete" %}',
            data: {
              'tag': tagId
            },
            success: function (data) {
              $('#preview').html(data);
            }
          });
          event.preventDefault();
        });
  </script>

$（“#id_city”）.change（函数（）{//城市下拉列表上的事件发生更改。
var cityId=$（this.val（）；
$.ajax（{//初始化ajax请求
url:“{%url”city_autocomplete“%}”，//设置请求的url（=localhost:5000/app/ajax/city autocomplete/）
数据：{
“cityId”：cityId//将城市id添加到GET参数中
},
//数据类型：“json”，
成功：功能（数据）{
$（'#preview'）.html（数据）；//用内容替换html响应
}
});
event.preventDefault（）；
});
$（“#id_标记”）。更改（函数（）{
var tagId=$（this.val（）；
$.ajax({
url:“{%url”城市自动完成“%}”，
数据：{
“标记”：标记ID
},
成功：功能（数据）{
$（'#preview'）.html（数据）；
}
});
event.preventDefault（）；
});

---

选择城市后，

cityId

接受该值，但

tagId

返回无，反之亦然。我想知道jQuery中的解决方案是什么，即同时侦听两个dorpdown更改，或者让我们说一下如何将.change（）上的两个

合并在一起？
为这两个元素创建一个eventListener

<script>
    $("#id_tag,#id_city").change(function () {
      var tagId = $("#id_tag").val();
      var cityId = $("id_city").val();
      $.ajax({
        url: '{% url "city_autocomplete" %}',
          'tag': tagId,
          'cityId': cityId
        },
        success: function (data) {
          $('#preview').html(data);
        }
      });
      event.preventDefault();
    });
</script>


$（“#id_标记，#id_城市”）。更改（函数（）{
var tagId=$（“#id_tag”）.val（）；
var cityId=$（“id_city”）.val（）；
$.ajax({
url:“{%url”城市自动完成“%}”，
“tag”：tagId，
“cityId”：cityId
},
成功：功能（数据）{
$（'#preview'）.html（数据）；
}
});
event.preventDefault（）；
});
//试试这个脚本
$（“#id_city，#id_tag”）。更改（函数（）{//使用多选择器。
var tagId=$（“#id_tag”）.val（）；
var cityId=$（“id_city”）.val（）；
$.ajax（{
url:“{%url”城市自动完成“%}”，
数据：{
“cityId”：cityId
}
数据类型：“json”，
成功：功能（数据）{
$（'#preview'）.html（数据）；
}
});
event.preventDefault（）；
});

// Try this script 

<script>
        $("#id_city, #id_tag").change(function () { // use multi selector. 
          var tagId = $("#id_tag").val();
          var cityId = $("id_city").val();
          $.ajax({                      
            url: '{% url "city_autocomplete" %}',   
            data: {
              'cityId': cityId 
            }
            dataType: 'json',
            success: function (data) {
              $('#preview').html(data); 
            }
          });
          event.preventDefault();
        });
  </script>