innerhtml中的警報按鈕

我有一個JavaScript函數，在div innerhtml中調用此結果。點擊按鈕時如何提醒'Alert Function'？innerhtml中的警報按鈕

$html.='<table class="table table-striped table-bordered table-hover"> 
      <thead> 
       <tr> 
        <th width="5%">#</th> 
        <th>Title</th> 
        <th>Action</th> 
       </tr> 
      </thead> 
      <tbody>'; 
      $c=1; 
     foreach($titles AS $item){ 
      $html.='<tr> 
        <td>'.$c.'</td> 
        <td>'.urldecode($item->title_content).'</td> 
        <td><button type="button" class="btn btn-danger" onclick="alert(\'**Alert Function**\')">Delete</button></td> 
       </tr>'; 
       $c++; 
     } 
     $html.='</tbody> 
     </table>'; 
     echo $html;

感謝

來源

2016-07-19 Mohd Hadrulladtfi Bin Mamat

您有什麼問題與此代碼？ –

實際上面的代碼是由javascrip調用的，我使用ajax將值傳遞給控制器，然後在div中使用innerhtml視圖。當它顯示在div上，但onclick按鈕不起作用。 –

由於這是PHP，你可以直接插入onClick()事件是這樣的：

<td><button type="button" id="deleteButton" class="btn btn-danger" onclick="alertFunction()">Delete</button></td>

然後在JavaScript文件：

function alertFunction() 
{ 
    alert('My custom text'); 
}

讓我知道如果解決你的問題，如果我正確理解你的問題。

如果onClick()用JavaScript編寫本身，然後刪除部分，並在JavaScript腳本中添加額外的行：

document.getElementById("deleteButton").addEventListener("click", alertFunction);

來源

2016-07-19 04:55:51

實際上面的代碼是由javascrip調用的，我使用ajax將值傳遞給控制器，然後使用div中的innerhtml視圖。當它顯示在div上，但onclick按鈕不起作用。 –

@MohdHadrulladtfiBinMamat此外，您可以使用'EventListener（）'來幫助避免原始文本而不是函數調用。編輯答案。 –

創建一個單獨的函數來處理onclick事件。這將是今後有益的，如果你想傳遞任何參數

<td><button type="button" class="btn btn-danger" onclick="clickButton()">Delete</button></td>

某處在你的代碼中的腳本標記創建一個函數調用clickButton()

function clickButton(){ 
alert('Alert Function') 
}

來源

2016-07-19 04:56:33 brk

其實上面的代碼是由javascrip調用的，我使用ajax將值傳遞給控制器，然後在div中使用innerhtml視圖。當它顯示在div上，但onclick按鈕不起作用。 –

innerhtml中的警報按鈕

回答

相關問題