[英]How to trigger the Javascript/AJAX code when the value of my dropdown changes?
我有一个 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)
为什么它适用于按钮而不是下拉菜单? 我真的很陌生,所以要知道哪里出了问题。 谢谢!
您需要在<select>
情况下使用change
事件
$(".toChange").on('change', function(){ ... })
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.