How to populate html input element with Ajax callback data

Question

I am trying to populate an html field with some text being queried using jQuery Ajax. The data being sent to the function view is received back on page load. The callback data can be seen in the console. However the data value itself is not populated in the input field.

Why my code below is failing:

$('.clsSomeTxt input').val(data.recdValue);

Whereas in the console it shows:

console.log('The value received back is: ' + data.recdValue);

I have tried using form's id also, without success.

Edit

<table id="xHeader">

        {% for fieldX in form.visible_fields %}
            <tr>
            <th>{{ fieldX.label_tag }}</th>
                <td>
                    {{ fieldX.errors }}


                    {% if fieldX.name == "model_id" %}
                        {{ fieldX }}<input type="text" class="clsSomeTxt" id="clsSomeTxt" readonly style="background: lightgrey; width: 320px">
                    {% else %}
                        {{ fieldX }}
                    {% endif %}

                </td>
            </tr>
        {% endfor %}
</table>

Add your html too, guess your class or your selector is wrong — Pedram
– Pedram, Commented Jan 20, 2020 at 14:05

Pedram · Accepted Answer · 2020-01-20 14:23:32Z

1

As I mentioned in comment you are using wrong selector, input already has clsSomeTxt class, your selector is totally wrong; you select an input inside of clsSomeTxt, but this is class of input. So the right selector is:

$('input.clsSomeTxt').val(data.recdValue);

Or just:

$('.clsSomeTxt').val(data.recdValue);

answered Jan 20, 2020 at 14:23

Pedram

16.7k10 gold badges47 silver badges73 bronze badges

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

Collectives™ on Stack Overflow

How to populate html input element with Ajax callback data

Edit

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Edit

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related