點選新增,增加一欄
阿新 • • 發佈:2018-12-09
想要效果如下:
HTML 程式碼
<tr>
<th>視訊路徑</th>
<td>
<ul id="video-url">
</ul>
<span class="btn btn-default" onclick="addInput();" id="addInt">新增</span><br />
</td>
</tr>
Script 程式碼
<script> // 新增 Input 方法 function addInput(){ var html = "<li><input class='form-control' type='text' name='v_video_url[]' placeholder='請輸入視訊路徑' style='width:400px' /><a onclick='removeOne(this);' style='cursor:pointer;'>移除</a></li>"; $('#video-url').append(html); } // 刪除 Input 的方法 function removeOne(obj){ $(obj).parent().remove(); } </script>