jquery .val() 设置的值与提供的不同

Question

我有一个 django 表单，需要通过单击按钮来填写。表单呈现如下：

<input type="text" id="start_date">
<input type="text" id="end_date">
<input type="submit" id="submit_first" value="POST">
<button id="submit_second">Generate</button>

点击submit_second时设置文本字段值的jquery如下：

$('#submit_second').click(function(){
    $('#id_start_date').val({{start_date}});
    $('#id_end_date').val({{end_date}});

    $('#submit_first').click();
})

start_date 和 end_date 变量保存一些日期字符串，它们作为视图的上下文传递并在模板中输出它们的真实值（eg: 2015-07-7），但在触发 jquery 函数时在文本字段中设置不同的值（eg: 1990 )。

Answer 1

我的假设是渲染的脚本类似于$('#id_start_date').val(2015-07-7);，其中2015-07-7 将被视为数学公式，将处理方程式并将运算结果设置为输入值。

既然要按原样渲染值，就需要把值当作字符串对待，所以试试

$('#submit_second').click(function () {
    $('#id_start_date').val('{{start_date}}');
    $('#id_end_date').val('{{end_date}}');

    $('#submit_first').click();
})

Answer 2

.val() 方法检索元素的值。 您应该使用.text() 方法。

$('#submit_second').click(function(){
    $('#id_start_date').text({{start_date}});
    $('#id_end_date').text({{end_date}});

    $('#submit_first').click();
})