如何使用 Ajax 回调数据填充 html 输入元素答案

【问题标题】：How to populate html input element with Ajax callback data如何使用 Ajax 回调数据填充 html 输入元素
【发布时间】：2020-01-20 22:23:32
【问题描述】：

我正在尝试使用 jQuery Ajax 查询一些文本来填充 html 字段。发送到功能视图的数据在页面加载时被接收回来。回调数据可以在控制台中看到。但是，数据值本身并未填充到输入字段中。

为什么我下面的代码失败了：

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

而在控制台中显示：

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

我也尝试过使用表单的 id，但没有成功。

编辑

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

【问题讨论】：

也添加你的html，猜你的班级或你的选择器是错误的
@Pedram 添加了..

标签： jquery django ajax

【解决方案1】：

正如我在comment 中提到的，您使用了错误的selector，输入已经有clsSomeTxt 类，您的选择器完全错误；您在clsSomeTxt 中选择一个input，但这是输入类。所以正确的选择器是：

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

或者只是：

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

【讨论】：