我有使用单选按钮填充的类别列表,对于每个类别,我有一个子类别列表。当选择一个类别时,我们可以使用复选框选择多个子类别。如何包装这些数据并发送到我的视图。
这是脚本
<script type="text/javascript">
var parameter = [] ;
$('#brand_category').click(function(event){
parameter.push({
brand : $("input[type='radio']:checked").val(),
category: $("input[type='checkbox']:checked").val()
})
console.log(parameter)
$.ajax({
type: "post",
url: "{% url 'seller_details' %}",
data: { 'parameter[]' : parameter , csrfmiddlewaretoken:'{{csrf_token}}'},
success: function(data) {
$('#loading-image').hide();
},
error: function(response, error) {
}
});
});
然后在视图中
list_data = self.request.POST.get('parameter[]')
这是html
<div id="catmodal" class="modal fade" role="dialog">
<div class="modal-dialog" style="width:800px">
<!-- Modal content-->
<div class="modal-content"style="height: 450px">
<div class="modal-header text-center">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Select Brand & Category</h4>
</div>
<div class="modal-body">
<div class="modal-left">
<ul>
<div class="heading">Brands</div>
{% for brand in brands %}
<li><input type="radio" value="{{brand.title}}" name="brand">{{brand.title}}</li>
{% endfor %}
</ul>
</div>
<div class="modal-right">
<ul>
<div class="heading">Categories</div>
{% for category in categories %}
<li><input type="checkbox" value="{{category.title}}"> {{category.title}}</li>
{% endfor %}
</ul>
</div>
</div>
</div>
<input type="submit" value="submit" id="brand_category">
</div>
</div>
我怎么能实现这一点。谢谢你
答案 0 :(得分:0)
尝试list_data = self.request.POST.getlist('parameter[]')
。