Question

下面的html代码：

＆＃13;

<div class="row">
    <form class="col-xs-6" id="add-car-form" method="post" action="add_cars.php">
        <div class="form-group">
            <label for="car-name">ADD CAR</label>
            <input type="text" name="car_name" class="form-control" required> 
        </div>
        <div class="form-group">
            <input type="submit"  class="btn btn-primary" value="add car">
        </div>
    </form>
</div>

＆＃13;

以下内容包含AJAX的Javascript代码：

＆＃13;

$('#add-car-form').submit(function (e){

    e.preventDefault();
    var postData=$(this).serialize();
    var url=$(this).attr('action');

    $.post(url,postData, function (php_table_data){
        $('#car-result').html(php_table_data);
        $('#add-car-form')[0][0].reset();
    });

});

＆＃13;

输入元素永远不会重新发布。我尝试在我的输入元素中添加一个id并使用reset()函数进行定位，但都没有效果。欢迎任何帮助。谢谢

Answer 1

尝试$('#add-car-form')[0][0].val("");

$('#add-car-form').find("input[type=text]").val("");将清除

形式的所有文字输入

jQuery没有reset()方法，但js有，所以如果你想使用reset()，你应该使用 document.getElementById('#add-car-form')[0][0].reset()

无法在JQUERY中重置（）

1 个答案: