Django&Ajax问题:返回值无法填充#id_Deductable表单字段
问题解决:Ajax返回值无法填充到表单字段
核心问题在于你使用了.html(data)来设置输入框的值,而对于输入类表单元素(如<input>),应该使用.val(data)方法来设置其值。.html()是用来修改元素的内部HTML内容,不适用于输入框的value属性。
修改后的关键代码
将第二个脚本中的$("#id_Deductable").html(data);替换为:
$("#id_Deductable").val(data);
额外验证点
- 确认
#id_Deductable对应的是<input>类型元素(如type="number"或type="text"),如果是其他容器类元素(比如<div>),再考虑使用.html()。 - 检查浏览器控制台是否存在DOM查找错误,确保页面加载后
#id_Deductable元素确实存在。 - 确认Ajax返回的
data是纯文本格式(如你看到的600),没有多余的HTML标签或空格干扰。
修改后的完整第二个脚本:
$("#id_Primary_Plan").change(function () { var url = $("#BaseQuoteForm").attr("data-agent-url"); var PlanData = $(this).val(); $.ajax({ url: url, data: { 'PlanData_id': PlanData }, success: function (data) { console.log(data); $("#id_Deductable").val(data); // 改用val方法设置输入框值 } }); });
内容的提问来源于stack exchange,提问作者Bart
相关产品推荐
相关产品推荐

