django - insert value into a text filed using javascript

Question

I have a django form on my template like this:

<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>

I've been trying to insert a value to a text filed above using javascript but I didn't have much success:

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

Any idea what might be the problem? Thank you!

This is just a shot in the dark but try changing the script to document.my_form.txt_filed1.value = "my value"; — zdyn
– zdyn, Commented Feb 25, 2011 at 16:30
The html output of the django code is: <input id="id_form-txt_filed1" type="text" name="form-txt_field1" maxlength="60" /> — avatar
– avatar, Commented Feb 25, 2011 at 17:02

Yuji 'Tomita' Tomita · Accepted Answer · 2011-02-25 16:35:29Z

3

Looks like you put form- in when your field doesn't contain that.

Try:

// 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";

Or:

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

Or pick up a javascript framework. I prefer writing in jQuery:

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

answered Feb 25, 2011 at 16:35

Yuji 'Tomita' Tomita

119k32 gold badges287 silver badges247 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sudheer K · Accepted Answer · 2017-06-23 06:13:53Z

0

This worked for me

added id to the form

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

then in the js code

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

answered Jun 23, 2017 at 6:13

Sudheer K

1,3022 gold badges18 silver badges32 bronze badges

Collectives™ on Stack Overflow

django - insert value into a text filed using javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related