Question

我正在尝试使用一小段javascript：

$("#btn_clear").click(function(){
    $("#two")[0].reset();
        });

重设我在div中具有的表格的一部分。表单具有多个节（div），但我只希望它清除特定div内的表单字段

html伪代码：

<form ...
    <div id="one" ...
        <div id="two" ...
            <label for=...                                                                
                {{ form.startdate }}                                                                                                                                                                                                                                                                                       
                {{ form.startdate.errors }}
                ...

我正在尝试将此按钮（也在html中）与javascript结合使用以清除div id =“ two”：

<button class="btn btn-primary" id="btn_clear" style="margin-left: 142px" value="Reset" type="button">Clear Section</button>

当我单击按钮时，什么也没有发生，并且在控制台中没有任何错误。以这种方式清除django表单字段是否需要做些特殊的事情？

Answer 1

您可以尝试这样的事情：

<div id="two" ...

<script>
$("#btn_clear").click(function(){
    $("#two :input").val('');
 });   
</script>

编辑

对于复选框：

$("#btn_clear").click(function(){
    $("#mydiv :input").val('');
    $("#mydiv :input[type=checkbox]").prop('checked', false);
 });

https://jsfiddle.net/gd6mbcvz/27/

Javascript以在表单的特定部分重置Django表单字段？

1 个答案: