django前端通过modelform使第二个文本框获取第一个文本框的值
时间: 2023-10-07 11:09:57 浏览: 92
可以通过使用JavaScript来实现。在第一个文本框中设置一个事件监听器,当其发生改变时,将其值传递给第二个文本框中。以下是一种可能的实现方式:
1. 在Django视图函数或类中通过ModelForm渲染表单并将其传递到模板中:
```python
from django.shortcuts import render
from .forms import YourModelForm
def your_view(request):
form = YourModelForm()
return render(request, 'your_template.html', {'form': form})
```
2. 在HTML模板中,使用JavaScript为第二个文本框设置一个事件监听器,当第一个文本框的值改变时,更新第二个文本框的值:
```html
<form method="post">
{% csrf_token %}
{{ form.as_p }}
<script>
// 获取表单中的两个文本框
const input1 = document.getElementById("id_field1");
const input2 = document.getElementById("id_field2");
// 在第一个文本框上添加事件监听器
input1.addEventListener("input", (event) => {
// 将第一个文本框的值赋给第二个文本框
input2.value = event.target.value;
});
</script>
<button type="submit">提交</button>
</form>
```
在这个例子中,我们假设第一个输入框的id为"id_field1",第二个输入框的id为"id_field2"。当第一个文本框的值改变时,事件监听器将触发,并将该值复制到第二个文本框中。在表单提交时,两个文本框的值将被一起提交到服务器。
阅读全文