[英]How to add div field dynamically in to a html page?
我試圖在點擊按鈕時動態添加一個 div 字段,但我沒有得到響應。 這是我的代碼。
<div id="#para">
<tr class="divider"></tr>
<tr>
<td><input type="text" placeholder="Enter Medicin Name" style="width:80%;height:30px;"></td>
<td><input type="file" </td>
<td><input type="time" placeholder="Enter Medicin Time"></td>
<td><input type="date" placeholder="Enter Start Date"></td>
<td><input type="date" placeholder="Enter End Date"></td>
</tr>
<tr class="divider"></tr>
</div>
<button type="submit" class="button" id="#btn1" value="Submit"><img src="images/plus.png"> Add More Notification</button>
這是我的 Js 代碼
$(document).ready(function(){
$("#btn1").click(function(){
$("#para").append(' <tr class="divider"></tr> <tr class="notification-row"><td><input type="text" placeholder="Enter Medicin Name" style="width:80%;height:30px;"></td> <td><input type="file" </td> <td><input type="time" placeholder="Enter Medicin Time"></td> <td><input type="date" placeholder="Enter Start Date"></td><td><input type="date" placeholder="Enter End Date"></td> </tr><tr class="divider"></tr>');
});
});
嘗試這個
<div id="para">
<tr class="divider"></tr>
<tr>
<td><input type="text" placeholder="Enter Medicin Name" style="width:80%;height:30px;"></td>
<td><input type="file" </td>
<td><input type="time" placeholder="Enter Medicin Time"></td>
<td><input type="date" placeholder="Enter Start Date"></td>
<td><input type="date" placeholder="Enter End Date"></td>
</tr>
<tr class="divider"></tr>
</div>
<button type="submit" class="button" id="btn1" value="Submit"><img src="images/plus.png"> Add More Notification</button>
你應該在你的 HTML 腳本中刪除 #
在 HTML (id) = jQuery (#) 在 HTML (class) = jQuery (.)
你可以在谷歌上找到這個
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.