PHPを使用してonclick（）メソッドを使用してhtmlコードを印刷するにはどうすればよいですか？

Question

私は、このボタンを持っている：<input type="submit" name="submit5" class="btn" value="Tarih ekle" onclick="tarih_alani_yap()" />

私は、タグの間にある、このコードを追加したい、それをクリックします。ユーザーが5回追加したい場合は、何回クリックしても問題ありません。

<? function tarih_alani_yap() {?> 
    <tr> 
     <td class="left" valign="top"> 
      <label>2.Talep Edilen Tarih Aralığı: <span class="required">*</span></label> 
     </td> 
     <td class="right"> 
      <? if ($akis_kademe == "ekle") { ?> 
      <input class="text" type="text" size="11" name="rezerv_bas_tarih2" id="rbt" 
       onclick='scwNextAction=tarih_degisti.runsAfterSCW(this); scwShow(this,event);' 
       value="<?= (!empty($rez_bilgi['rezerv_bas_zaman'])) ? strftime("%d %b %Y", tarih_yap($rez_bilgi['rezerv_bas_zaman'])) : '' ?>" /> 

      <label>-</label> 
      <input class="text" type="text" size="11" name="rezerv_bit_tarih2" id="rbt2" 
       onclick='scwNextAction=tarih_kontrol.runsAfterSCW(this); scwShow(this,event);' 
       value="<?= (!empty($rez_bilgi['rezerv_bit_zaman'])) ? strftime("%d %b %Y", tarih_yap($rez_bilgi['rezerv_bit_zaman'])) : '' ?>" /> 

      <? } else echo strftime("%d %b %Y %H:%M", tarih_yap($rez_bilgi['rezerv_bas_zaman'], true)) . ' - ' . strftime("%d %b %Y %H:%M", tarih_yap($rez_bilgi['rezerv_bit_zaman'], true)) ?> 
     </td> 
    </tr> 


<? 
}?> 

Answer 1

次のjQueryの機能を試すことができます。

$("#buttonID").click(function(){ 
     $("div#divID").append("<div style='color:green'>Appended text</div>"); 
    }); 

はそれがお役に立てば幸いです。あなたがこれを行うことはできません=）

Answer 2

が、何のことができますが、他の手からPHPスクリプトを呼び出すことができますコールアヤックス、ある

$("#buttonID").click(function(){ 
    $.ajax({ 
    url: 'your-script.php', 
    data: { parameters } 
    success: function(data) { 
    //do what you got to do : > 
    } 
    });  
}); 

ので、PHPスクリプトでは、あなたのif文を行い、その後、成功関数のパラメータは、あなたの仕事をすることができるその応答に基づいて、どのPHPが返す/印刷するか

Answer 3

jpは、コンテンツがブラウザに到達する前にのみ動作する必要があります。追加するコンテンツが追加されていない場合は、非表示のテキストエリアにエコーして、クリックするとコードを追加できます。時間の経過やファイルの削除時にコンテンツを変更するには、ajaxが必要です。

$('.js-append').click(function() { 
 
    $('.js-container').append($('.js-append-content').val()); 
 
});

.hidden { 
 
    display: none 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a class="js-append">append</a> 
 
<div class="js-container"></div> 
 
<textarea class="hidden js-append-content"> 
 
    <?php echo 'your content ';?> test content<br> 
 
</textarea>