如何使用JS更新表单值并提交更新的表单

Question

我有这样的表格：

<form name = "myform" method='POST' >{% csrf_token %}
<div class="input-field col s6"> {{form.GenerateDate.as_hidden}}</div>
<div class="input-field col s6"> {{form.Product.as_hidden}}</div>
<div class="input-field col s6"> {{form.Link.as_hidden}}</div>
<div class="input-field col s12">
    <div class="input-field col s12">
      <textarea id="textarea1" class="materialize-textarea" id="usercontent"></textarea>
    </div>
</div>
<div class="input-field col s6"> {{form.Status.as_hidden}}</div>
<center><input type='submit' value='add' class="waves-effect waves-light btn" ></input></center>

</form>

我使用此脚本在textarea中加载值：

<script  type="text/javascript">
$('#textarea1').val('{{form.UserContent.value}}');
</script>

该值显示在DB中。但是现在我想在表单中更新这个{{form.UserContent.Value}}并使用JS然后使用提交按钮再次POST它并让django保存新值。

但它存储“无”而不是！

我正在使用materialize css和django 1.11 Textarea是我必须使用的。

对于HTML顾问，这里是代码：

<form name = "myform" method='POST' >
<div class="input-field col s6" id="Product"> </div>
<div class="input-field col s6" id = "Link"> </div>
<div class="input-field col s6" id = "Status"> </div>
<div class="input-field col s12">
    <div class="input-field col s12">
      <textarea id="textarea1" class="materialize-textarea" id="usercontent"></textarea>
    </div>
</div>

<center><input type='submit' value='add' class="waves-effect waves-light btn" ></input></center>

</form>

<script  type="text/javascript">
$('#textarea1').val('abcdef');
</script>

我想在这里使用JS点击提交按钮后在表单中将abcdef更新为qwerty。