同じモーダルウィンドウを更新して追加する

Question

データベースからフェッチされたレコードを更新するためのモーダルウィンドウを作成しました。新しいレコードを追加するために同じモーダルウィンドウが必要です。同じフォームコードを書きたくありません。目的（コードの再利用性）を追加しますが、<legend>Update record</legend>を<legend>Add record</legend>に動的に変更するにはどうすればよいですか。

<div id="modal"> 

     <div id="update"> 

      <span class="closeBttn">X</span> 

      <form action="" method="post"> 

       <fieldset> 

        <legend>Update Record</legend> 

        <p> 
         <label for="name">Name: </label><br /> 
         <input type="text" id="name" name="name" /> 
        </p> 

        <p> 
         <label for="subject">Subject: </label><br /> 
         <input type="text" id="subject" name="subject" /> 
        </p> 

        <p> 
         <label for="theory">Theory: </label><br /> 
         <input type="text" id="theory" name="theory" /> 
        </p> 

        <p> 
         <label for="practical">Practical: </label><br /> 
         <input type="text" id="practical" name="practical" /> 
        </p> 

        <p> 
         <input type="hidden" name="id" id="id" /> 
         <input type="hidden" name="action" value="update" /> 
         <input type="submit" name="submit" value="Update" /> 
        </p> 

       </fieldset> 

      </form> 


     </div> 


    </div> 

Answer 1

これを試してみてください。

$(function(){ 
    var id = $('#id').val(); 
    if(id > 0) 
    { 
     $("#modal legend").text("Update Record"); 
    }else{ 
     $("#modal legend").text("Update Record"); 
    } 
}); 

Answer 2

あなたは、単にもPHPを使用してそれを行うことができます...コード

<?php 
if(!empty($_REQUEST['id']))//fetching from url 
{ 
    echo '<legend>Update Record</legend>'; 
} 
else 
{ 
    echo '<legend>Add Record</legend>'; 
} 
?>