清除數據表單提交按鈕php

Question

我有一個表單，我想，當我點擊提交按鈕，所有的數據輸入將清除。我下面的腳本不工作：

<!-- language: lang-js --> 

jQuery(document).ready(function($) { 
    $('.product_submit button').on('click', function(event) { 
    event.preventDefault(); 
    $('span.loadding').html('<i class="fa fa-spin fa-refresh" aria-hidden="true"></i>'); 
    var data_form = $("#form-product").serialize(); 
    $.ajax({ 
     type: 'post', 
     url: location, 
     data: data_form, 
     success: function(resulf) { 
     var errors = $(resulf).find('#alert_order').html(); 
     var html = $(resulf).find('#add-to-order-success').html(); 
     if (html) { 
      $('#add-to-order-success').html(html); 
      $(".myform")[0].reset(); 
     } 
     if (errors) { 
      $('#add-to-order-success').html(errors); 
     } 
     $('span.loadding').html('<i class="fa fa-check" aria-hidden="true"></i>'); 
     } 
    }) 
    }) 
}); 

<!-- language: lang-html --> 

<div class="form-add-cart"> 
    <form method="post" action="" id="form-product" name="myform"> 
    <table> 
     <tbody> 
     <tr> 
      <td width="40%"> 
      <?php _e('Họ và tên:','wow'); ?> 
      </td> 
      <td width="60%"><input type="text" name="name_order" value="<?php echo $current_user->display_name; ?>" size="40" class="wpcf7-form-control wpcf7-text" aria-invalid="false" required></td> 
     </tr> 
     <tr> 
      <td width="40%"> 
      <?php _e('Điện thoại:','wow'); ?> 
      </td> 
      <td width="60%"><input type="text" name="phone_order" value="" class="wpcf7-form-control wpcf7-text" aria-invalid="false" required></td> 
     </tr> 
     <tr> 
      <td width="40%"> 
      <?php _e('Sản phẩm :','wow'); ?> 
      </td> 
      <td width="60%"><input type="text" name="product_order" value="<?php the_title(); ?>" class="wpcf7-form-control wpcf7-text" aria-invalid="false" required></td> 
     </tr> 
     </tbody> 
    </table> 
    <div class="product_submit"> 
     <button type="submit" class="wpcf7-form-control wpcf7-submit"> 
        <?php _e('Gửi','wow'); ?> <span class="loadding"></span> 
       </button> 
    </div> 
    <input type="hidden" name="id_product" value="<?php echo $post->ID; ?>"> 
    <input type="hidden" name="add_product_to_order" value="<?php echo $post->ID; ?>"> 
    </form> 
</div> 

Answer 1

您好我認爲這個問題是你沒有在您的形式class="myform"。

正如您所見，您正在申請reset()類myform。

$(".myform")[0].reset();

您也可以設置一個ID，它像id="myidform"

，然後用它在你的jQuery

$("#myidform")[0].reset();