Javascript 不会在 django 的 formset 隐藏输入字段中插入值

Question

我正在尝试在表单集中的隐藏输入字段上传递值。但是，当我点击提交时，我没有得到任何回复："form-0-my-field"：['']。任何人都可以帮助我解决这个问题吗？

这是我的表格：

class MyForm(forms.Form):
my_field = forms.CharField(widget=forms.HiddenInput(attrs={
'class': 'my_field'}))

表单集：

MyFormSet = formset_factory(MyForm, max_num=5)

views.py

def my_view(request):
if request.method == 'POST':
formset = MyFormSet(request.POST)
if formset.is_valid():
print(formset.cleaned_data)
else:
formset = MyFormSet()
return render(request, 'my_template.html', ctx={'formset': formset})

最后，我的模板最终带有脚本以目标my_field：

{% for form in formset.forms %}
{% for field in form.visible_fields %}
{# Include the hidden fields in the form #}
{% if forloop.first %}
{% for hidden in form.hidden_fields %}
{{ hidden }}
{% endfor %}
{% endif %}
{{ field.errors.as_ul }}
{{ field }}
</td>
{% endfor %}
<button type="submit">Submit</button>
<script>
document.getElementsByClassName("my_field").value = "some str";
alert(document.getElementsByClassName("my_field").value);
</script>

Answer 1

类可以匹配多个元素。所以document.getElementsByClassName返回一个 HTMLCollection，即一个对象数组(注意方法名称中的s(。

若要分配值，需要引用集合中的项：

document.getElementsByClassName("my_field")[0].value = "some str";

但是，最好通过 ID 而不是类来执行此操作。