【发布时间】:2016-09-30 19:47:49
【问题描述】:
当下拉列表的值发生变化时,我试图使用 jquery 加载表单。它加载表单但提交数据后未存储在数据库中。它只是刷新页面。
forms.py
class accountForm(forms.ModelForm):
choice = (
('payment type','payment type'),
('paypal', 'paypal'),
('payeer', 'payeer'),
('payza', 'payza'),
('bitcoin', 'bitcoin'),
)
payment_type = forms.ChoiceField(choices = choice, widget = forms.Select(attrs = {'class':'forms-control'}))
email = forms.EmailField(widget = forms.EmailInput(attrs={'class':'form-control'}))
bitcoin = forms.CharField(widget = forms.TextInput(attrs = {'class':'form-control'}))
amount = forms.IntegerField(widget = forms.NumberInput(attrs = {'class':'form-control'}))
class Meta:
model = payments
fields = [
"payment_type",
"email",
"bitcoin",
"amount",
]
views.py
def payment(request, username):
form = accountForm(request.POST or None)
if form.is_valid():
print(form)
form.save(commit = False)
form.save()
return HttpResponseRedirect('/accounts/profile/')
context = {'form':form}
return render(request, 'payment.html', context)
payment.html
<div class="panel-body">
<div class="tab-content">
<div class="tab-pane active" id="home">
<div class="panel-body" id="panel">
<div class="form-group">
<h4 class="text-primary">Select Withdrawal Type</h4>
{{ form.payment_type }}
</div>
</div>
<div class="panel-body">
<form method="POST" id="form" enctype='multipart/form-data'>
{% csrf_token %}
</form>
</div>
</div>
</div>
</div>
jquery
<script type="text/javascript">
$('select').on('change', function (e) {
var Selected = $("option:selected", this);
var valueSelected = this.value;
console.log(valueSelected);
if (valueSelected == 'paypal') {
$("#panel").change(function (e) {
$("#panel").empty();
// $('#form').append('{% csrf_token %}');
$('#form').append('<label>email</label>');
$('#form').append('{{ form.email }}');
$('#form').append('{{ form.amount }}');
$('#form').append('<button class="btn btn-primary btn-default">submit</button>');
})
}
});
</script>
【问题讨论】:
标签: jquery python django django-forms django-views