django - 使用javascript将值插入文本字段

时间:2011-02-25 16:27:44

标签: javascript django django-forms

我的模板上有一个django表格,如下所示:

<form action="/my-page/" method="post" name="my_form">{% csrf_token %}
    {{ form.non_field_errors }}
    <div class="fieldWrapper">
        {{ form.txt_filed1.errors }}
        <label for="id_txt_field1">Profile Name:</label>
        {{ form.txt_filed1 }}
    </div>
    <p><input type="submit" name='update_button' value="Update" /></p>
</form>

我一直在尝试使用javascript向上面提交的文本插入一个值,但我没有取得多大成功:

<script type="text/javascript">    
document.my_form.form-txt_filed1.value = "my value";
</script>

知道可能是什么问题吗?谢谢!

2 个答案:

答案 0 :(得分:2)

当您的字段不包含form-时,您似乎已将// by the way, do you notice that your label is for id_txt_field1 // while your form field says {{ form.txt_filed1 }} ? document.my_form.txt_filed1.value = "my value"; 置于其中。

尝试:

document.getElementById('id_txt_filed_1').value = 'hello';

或者:

$("input[name=txt_field_1]").val("hello")

或者选择一个javascript框架。我更喜欢用jQuery编写:

{{1}}

答案 1 :(得分:0)

这对我有用

添加到表单

<form action="/my-page/" method="post" id="my_form" name="my_form">{% csrf_token %}
....
</form>

然后在js代码中

//initialized form as a variable and then set properties
var my_form = document.getElementById("my_form");
my_form.txt_filed1.value = "my value";