代わりにプログラムエンティティを編集する

Question

私のJSPにモーダルウィンドウがあります。私は両方のためにそれを使用します：私のアイテムの追加または編集。それは "id"に依存して何をすべきかを決定します： "id"がnullの場合は追加し、nullなら編集します。

<div class="modal fade" id="editRow"> 
     <div class="modal-dialog"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
        <h2 class="modal-title" id="modalTitle"></h2> 
       </div> 
       <div class="modal-body"> 
        <form class="form-horizontal" id="detailsForm"> 
         <input type="hidden" id="id" name="id"> 

        ... 

         <div class="form-group"> 
          <div class="col-xs-offset-3 col-xs-9"> 
           <button class="btn btn-primary" type="button" onclick="save()"> 
            <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 
           </button> 
          </div> 
         </div> 
        </form> 

一般的にそれがうまく動作しますが、動作しない1つのシナリオがあります：

1. 私はいくつかの項目
2. ための「編集」ウィンドウを開くだけ近い「編集を、それを保存しないでください「ウィンドウ
3. オープン 『が代わりに新しいもの

を追加し、）それは1からアイテムを編集し保存した後、いくつかのデータ

を入力し、』窓を追加します私は、ウィンドウを呼び出し、「追加」を押し、このJSP、上のボタン

あり：

 <a class="btn btn-info" onclick="add('<spring:message code="meals.add"/>')"> 
      <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> 
     </a> 

ありますが、このボタンからJS機能「を追加します」：

var form; 
... 
form = $('#detailsForm'); 
... 
    function add(title) { 
     $('#modalTitle').html(title); 
     form[0].reset(); 
     $('#editRow').modal(); 
    } 

を私はform[0].reset();を防ぐ必要があると思いましたこのようなシナリオは間違っていますが、役に立たないようです。あなたは説明できますか？

Answer 1

reset（）はフォームのIDを無効にしないと思われますが、フォームの入力をクリアします。

https://www.w3schools.com/jsref/met_form_reset.asp