我有兩個內置的 python 下拉列表，我試圖使用 Ajax 調用將它們鏈接在一起?？梢栽趆tml中看到相關代碼：<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>一旦我選擇了城市，cityId就會獲取該值但tagId不返回任何值，反之亦然。我想知道jQuery中的解決方案是什么，同時監聽兩個dorpdown的變化，或者讓我們說如何將兩個合并在一起on.change()？
2 回答
白衣染霜花
TA貢獻1796條經驗 獲得超10個贊
為兩個元素創建一個事件監聽器
<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>
楊魅力
TA貢獻1811條經驗 獲得超6個贊
// 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>
添加回答
舉報
0/150
提交
取消