1. 程式人生 > >jquery + php動態新增刪除表單的方法

jquery + php動態新增刪除表單的方法

<button id='insertButton' onClick='addResource()'>增加</button>
<?php ob_start();?>
<div>
    <div>
        <input name='Resource["url"][]' placeholder="下載連結" type="text">
    </div>
    <div>
        <input name='Resource["note"][]' placeholder="密碼" type
="text">
</div> <div> <button onClick='deleteSelf(jQuery(this))'>刪除</button> </div> </div> <div id='add-content' value='<?= json_encode(ob_get_clean());?>'></div> <script> var resourceInput = $('#add-content').val(); function
addResource(){
$('#insertButton').after(resourceInput); } function deleteSelf(obj) { obj.parent('div').parent('div').remove(); }
</script>

相關推薦

jquery + php動態新增刪除方法

<button id='insertButton' onClick='addResource()'>增加</button> <?php ob_start();?> &

jQuery實現動態新增刪除輸入框

在一個專案中,一個實體需要動態新增另外的實體多個,即在新增或者編輯這個實體的時候,需要動態新增輸入框。利用jQuery簡單實現了一下,小有成就感。 <%if(isAdd){%>   <div class="am-g am-form-group am-mar

form 無法提交js動態新增元素遇到的坑

第一種情況, 這種情況js動態新增的表單元素是不能提交到伺服器端的 <table> <form method="post" action=" url  "> <tr><td></td><td>&

jquery動態新增刪除

//html部分 <div class="form-group col-sm-12" id="group"> <label for="" class="col-sm-1 control-label"><span style="color

jQuery 如何動態新增刪除 class 樣式方法介紹

獲取與設定樣式 獲取class和設定class都可以使用attr()方法來完成。例如使用attr()方法來獲取p元素的class,JQuery程式碼如下: var p_class = $("p").attr("class"); //獲取p元素的class [html]

動態新增刪除一行,js物件驗證

動態新增一行: /** * 新增一行 */ function addNewColumn(id,index) { //row_count = getNowRowCount(id); var html = ''; html += '<tr class="vers

###①datatable客戶端分頁,全選只能選中一頁(能力有限,(雖然不是服務端分頁),同事-老大都不知道)+ ②【動態新增刪除CheckBox的ID】 JQuery datatables 表頭複選框切換頁面時保持選中的問題

①datatable客戶端分頁,全選只能選中一頁(能力有限,(雖然不是服務端分頁),同事-老大都不知道)。 對於要解決的問題: 【 JQuery datatables 表頭複選框切換頁面時保持選中的問題 】 ==== 這個:https://blog.csdn.net/nihaoqiuli

js動態新增table的一行和刪除一行

<html> <title></titile> <body> <a href="javascript:addTr()">新增</a> <table id="tableId"> <tr>

jQuery實現動態新增tr到table的方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" <html> <head> <meta http-equiv="Content-Type" content="text/html;

html提交php在後臺獲取內容的方法_例1

html程式碼: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf8"> <title>This is a simple

Vue+Element動態生成新新增驗證

首先有一個這樣的需求,表單中預設有一個聯絡人資訊,使用者可以再新增新的聯絡人資訊 點選新增更多聯絡人之後 官方文件中有寫用v-for來實現新增表單,但是那是單表單的新增,現在多表單的新增,可以考慮的實現方法是先寫死一個必須的表單,需要新增的兩個表單放在一個div裡

jquery動態建立form

function exportExcel() { var merchantName = $('#merchantName').val(); var merchantNo = $('#merchantNo').val(); va

JQuery動態新增/刪除class樣式

有時我們會對某個控制元件的class樣式進行獲取、新增、修改、刪除。下面是簡單整理的一些例項用法: html樣例程式碼如下: <ul class="pro_list fl cont"> <li class="core"><

jQuery Mobile中無法提交的解決方法

jquery mobile預設是使用ajax提交表單的,如果要像平常PHP一樣的流程接收引數,可以把AJAX禁用: 只在加上data-ajax="false"就可以了。 <form method="post" action="jqdemo.php" data-aja

JS動態改變form裡的action值屬性的方法

前幾天自己看了一個小程式,對form裡的action值有所困惑,後來才明白其原理是動態改變form表單裡的action值。這裡主要介紹兩種方法。 <html> <head> <meta http-equiv="Content-

jquery mobile動態新增元素之後不能正確渲染解決方法說明

jquerymobile動態新增元素之後有些不能被正確渲染的解決方法:listview: 新增 jq(".detail").listview("refresh"); div或其他:新增.trigger( "create" ); =======================

jQuery EasyUI動態新增控制元件或者ajax載入頁面後不能自動渲染問題的解決方法

現象:        AJAX返回的html無法做到自動渲染為EasyUI的樣式.比如:class="easyui-layout" 等 處理方法:       在html片段載入完畢後使用 Js程式碼   $.parser.parse(context)        即可重新渲染。 實現

在做動態新增刪除行的時候,使用jquery遇到的問題:$("#participantList tr").eq(i).remove();

         在做動態新增刪除行的時候,我首先使用到的寫法是:$("#participantList tr:eq(i)").remove(); 這種寫法當然可以達到刪除的效果,可是很奇怪的是,它每次刪除的是第一個行資料; 糾結了很半天不知道問題出在哪裡,後來換了種寫法:

jquery submit()不能提交的解決方法

<formid="form"method="get"><inputtype="text"name="q"value="設計蜂巢"/><buttontype="button"id="submit">查詢</button></form><scri

jquery validate不支援動態生成的

jQuery Validate 外掛為表單提供了強大的驗證功能,讓客戶端表單驗證變得更簡單,同時提供了大量的定製選項,滿足應用程式各種需求。該外掛捆綁了一套有用的驗證方法,包括 URL 和電子郵件驗證,同時提供了一個用來編寫使用者自定義方法的 API。 基本用