2016-08-12 43 views
0

我有这个按钮:<input type="submit" name="submit5" class="btn" value="Tarih ekle" onclick="tarih_alani_yap()" />如何使用onclick()方法通过PHP打印html代码?

当我点击它我想添加这个代码之间的标签。不管有多少点击,如果用户想要添加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> 


<? 
}?> 
+2

你不能直接从JS调用PHP代码。你需要使用AJAX。 –

+0

我没有实际使用JS。我想知道如何每次点击添加一次? @JonStirling – FurkOk

+0

你必须使用js,php只能在内容进入浏览器之前工作,清除? –

回答

1

你可以试试下面的jQuery函数:

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

希望它能帮助。 =)

0

你不能做到这一点,但你可以是电话阿贾克斯,这从另一方面可以为您做你的if语句,那么成功函数参数调用PHP脚本

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

所以在PHP脚本什么PHP返回/打印,根据该响应,你可以做你的工作

1

你必须使用js作为php只有在内容到达浏览器之前工作。如果您要添加的内容未添加,您可以在隐藏的textarea中回显它们,并在单击它时附加代码。如果您希望内容随时间变化或删除文件,则需要使用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>