jq點選增加一段html

<code><</code><code>div</code> <code>class</code><code>=</code><code>"all"</code> <code>style</code><code>=</code><code>""</code><code>></code>

<code> </code><code><</code><code>div</code> <code>class</code><code>=</code><code>"widget-header"</code><code>></code>

<code> </code><code><</code><code>h4</code><code>>廣告位明細(最多5條)</</code><code>h4</code><code>><</code><code>div</code> <code>style</code><code>=</code><code>"float:right;margin-right: 50px; cursor: pointer;"</code><code>><</code><code>h4</code> <code>id</code><code>=</code><code>"newyz1"</code><code>>+增加</</code><code>h4</code><code>></</code><code>div</code><code>></code>

<code> </code><code><</code><code>div</code> <code>class</code><code>=</code><code>"one1"</code><code>></code>

<code> </code><code><</code><code>div</code> <code>class</code><code>=</code><code>"contract-contracttype"</code><code>></code>

<code> </code><code><</code><code>div</code> <code>class</code><code>=</code><code>"form-group field-contract-contracttype required has-success"</code><code>></code>

<code> </code><code><</code><code>label</code> <code>class</code><code>=</code><code>"col-sm-1 control-label no-padding-right"</code> <code>for</code><code>=</code><code>"receivableamount[contractId]"</code><code>>廣告位</</code><code>label</code><code>></code>

<code> </code><code><</code><code>div</code> <code>class</code><code>=</code><code>"col-lg-2"</code><code>></code>

<code> </code><code><</code><code>input</code> <code>type</code><code>=</code><code>"hidden"</code> <code>class</code><code>=</code><code>"advertId"</code> <code>name</code><code>=</code><code>"advertId[]"</code> <code>id</code><code>=</code><code>"advertId"</code> <code>value</code><code>=</code><code>""</code><code>></code>

<code> </code><code><</code><code>input</code> <code>type</code><code>=</code><code>"hidden"</code> <code>class</code><code>=</code><code>"advertname1"</code> <code>name</code><code>=</code><code>"advertname1[]"</code> <code>id</code><code>=</code><code>"advertname1"</code> <code>value</code><code>=</code><code>""</code><code>></code>

<code> </code><code><</code><code>select</code> <code>id</code><code>=</code><code>"port"</code> <code>class</code><code>=</code><code>"form-control port"</code> <code>name</code><code>=</code><code>"port[]"</code> <code>onchange</code><code>=</code><code>"checkadvertname(this);"</code><code>></code>

<code> </code><code><?</code><code>php</code> <code>foreach($port as $key=>$value):?></code>

<code> </code><code><</code><code>option</code> <code>value="<?=$value['key']?>"><?=$value['value']?></</code><code>option</code><code>></code>

<code> </code><code><?</code><code>php</code> <code>endforeach;?></code>

<code> </code><code></</code><code>select</code><code>></code>

<code> </code><code><</code><code>select</code> <code>id</code><code>=</code><code>"page"</code> <code>class</code><code>=</code><code>"form-control page"</code> <code>name</code><code>=</code><code>"page[]"</code> <code>onchange</code><code>=</code><code>"checkadvertname(this);"</code><code>></code>

<code> </code><code><?</code><code>php</code> <code>foreach($page as $key=>$value):?></code>

<code> </code><code><</code><code>option</code> <code>value="<?=$value['key']?>"><?=$value['value']?></</code><code>option</code><code>></code>

<code> </code><code><</code><code>select</code> <code>id</code><code>=</code><code>"advertname"</code> <code>class</code><code>=</code><code>"form-control advertname"</code> <code>name</code><code>=</code><code>"advertname[]"</code> <code>onchange</code><code>=</code><code>"getadvert(this)"</code><code>></code>

<code> </code><code><</code><code>option</code> <code>value</code><code>=</code><code>"0"</code><code>>請選擇廣告位</</code><code>option</code><code>></code>

<code> </code><code><</code><code>div</code> <code>class</code><code>=</code><code>"form-group field-applypay-paymenttime"</code><code>></code>

<code> </code><code><</code><code>label</code> <code>class</code><code>=</code><code>"col-sm-1 control-label no-padding-right"</code> <code>for</code><code>=</code><code>"applypay-paymenttime"</code><code>>釋出時間</</code><code>label</code><code>></code>

<code> </code><code><</code><code>div</code> <code>class</code><code>=</code><code>"col-sm-3 col-lg-2"</code><code>></code>

<code> </code><code><</code><code>div</code> <code>class</code><code>=</code><code>"input-group"</code><code>></code>

<code> </code><code><</code><code>span</code> <code>class</code><code>=</code><code>"input-group-addon"</code><code>><</code><code>i</code> <code>class</code><code>=</code><code>"icon-calendar bigger-110"</code><code>></</code><code>i</code><code>></</code><code>span</code><code>></code>

<code> </code><code><</code><code>input</code> <code>class</code><code>=</code><code>"form-control date-picker datetime-picker3"</code> <code>id</code><code>=</code><code>"projectStime"</code> <code>name</code><code>=</code><code>"projectStime[]"</code> <code>data-date-format</code><code>=</code><code>"dd-mm-yyyy"</code> <code>onfocus</code><code>=</code><code>"WdatePicker({dateFmt:'yyyy-MM-dd'})"</code> <code>type</code><code>=</code><code>"text"</code><code>></code>

<code> </code><code><</code><code>em</code> <code>style</code><code>=</code><code>"position: absolute; top: 5px; right: -28px; width: 20px;"</code><code>>-</</code><code>em</code><code>></code>

<code> </code><code><</code><code>input</code> <code>class</code><code>=</code><code>"form-control date-picker datetime-picker3"</code> <code>id</code><code>=</code><code>"projectEtime"</code> <code>name</code><code>=</code><code>"projectEtime[]"</code> <code>data-date-format</code><code>=</code><code>"dd-mm-yyyy"</code> <code>onfocus</code><code>=</code><code>"WdatePicker({dateFmt:'yyyy-MM-dd'})"</code> <code>type</code><code>=</code><code>"text"</code><code>></code>

<code> </code><code><</code><code>div</code> <code>class</code><code>=</code><code>"form-group field-receivableamout-reason required"</code><code>></code>

<code> </code><code><</code><code>label</code> <code>class</code><code>=</code><code>"col-sm-1 control-label no-padding-right"</code> <code>for</code><code>=</code><code>"receivableamout-reason"</code><code>>備注說明</</code><code>label</code><code>></code>

<code> </code><code><</code><code>div</code> <code>class</code><code>=</code><code>"col-lg-5"</code><code>><</code><code>input</code> <code>type</code><code>=</code><code>"text"</code> <code>id</code><code>=</code><code>"receivableamout-reason"</code> <code>class</code><code>=</code><code>"form-control"</code> <code>name</code><code>=</code><code>"reason[]"</code> <code>maxlength</code><code>=</code><code>"100"</code><code>></</code><code>div</code><code>></code>

<code> </code><code><</code><code>div</code> <code>class</code><code>=</code><code>"col-lg-3"</code><code>></code>

<code> </code><code><</code><code>div</code> <code>class</code><code>=</code><code>"help-block"</code><code>></</code><code>div</code><code>></</code><code>div</code><code>></code>

<code> </code><code><</code><code>span</code> <code>class</code><code>=</code><code>"form-group"</code> <code>id</code><code>=</code><code>"xx"</code><code>></code>

<code> </code><code><</code><code>div</code> <code>class</code><code>=</code><code>"form-group field-receivableamout-reason required"</code><code>></code>

<code> </code><code><</code><code>label</code> <code>class</code><code>=</code><code>"col-lg-1 control-label no-padding-right"</code> <code>for</code><code>=</code><code>"receivableamout-reason"</code><code>>上傳附件</</code><code>label</code><code>></code>

<code> </code><code><</code><code>div</code> <code>class</code><code>=</code><code>"col-lg-11 wdata1"</code><code>></code>

<code> </code><code><</code><code>div</code> <code>class</code><code>=</code><code>"col-lg-3 btnimg"</code><code>></code>

<code> </code><code><</code><code>label</code> <code>for</code><code>=</code><code>"uploadImg"</code> <code>class</code><code>=</code><code>"btn btn-primary fileimg"</code><code>><</code><code>i</code> <code>class</code><code>=</code><code>"fa-plus-sign"</code><code>></</code><code>i</code><code>></code>

<code> </code><code><</code><code>input</code> <code>class</code><code>=</code><code>"UploadImg"</code> <code>data</code><code>=</code><code>"1"</code> <code>type</code><code>=</code><code>"file"</code> <code>name</code><code>=</code><code>"files[]"</code> <code>multiple></</code><code>label</code><code>></code>

<code> </code><code></</code><code>label</code><code>></code>

<code> </code><code>$("#newyz1").bind('click',function() {</code>

<code> </code><code>_addnum++;</code>

<code> </code><code>var num=_addnum;</code>

<code> </code><code>console.log(num);</code>

<code> </code><code>if($(".one1").length>4){</code>

<code> </code><code>layer.msg("最多5條資料");</code>

<code> </code><code>return false;</code>

<code> </code><code>var html='<</code><code>div</code> <code>class</code><code>=</code><code>"one1"</code><code>>\n' +</code>

<code> </code><code>' <</code><code>div</code> <code>class</code><code>=</code><code>"contract-contracttype"</code><code>>\n' +</code>

<code> </code><code>' <</code><code>div</code> <code>class</code><code>=</code><code>"form-group field-contract-contracttype required has-success"</code><code>>\n' +</code>

<code> </code><code>'<</code><code>input</code> <code>type</code><code>=</code><code>"hidden"</code> <code>class</code><code>=</code><code>"advertId"</code> <code>name</code><code>=</code><code>"advertId[]"</code> <code>id</code><code>=</code><code>"advertId"</code> <code>value</code><code>=</code><code>""</code><code>>\n'+</code>

<code> </code><code>' <</code><code>input</code> <code>type</code><code>=</code><code>"hidden"</code> <code>class</code><code>=</code><code>"advertname1"</code> <code>name</code><code>=</code><code>"advertname1[]"</code> <code>id</code><code>=</code><code>"advertname1"</code> <code>value</code><code>=</code><code>""</code><code>>\n'+</code>

<code> </code><code>' <</code><code>label</code> <code>class</code><code>=</code><code>"col-sm-1 control-label no-padding-right"</code> <code>for</code><code>=</code><code>"receivableamount[contractId]"</code><code>>廣告位</</code><code>label</code><code>>\n' +</code>

<code> </code><code>' <</code><code>a</code> <code>href</code><code>=</code><code>"javascript:void(0)"</code> <code>class</code><code>=</code><code>"khnimus1"</code> <code>title</code><code>=</code><code>""</code> <code>id</code><code>=</code><code>"newyz1"</code> <code>data-original-title</code><code>=</code><code>""</code><code>><</code><code>i</code> <code>class</code><code>=</code><code>"icon-trash bigger-130"</code><code>></</code><code>i</code><code>></</code><code>a</code><code>>\n'+</code>

<code> </code><code>' <</code><code>div</code> <code>class</code><code>=</code><code>"col-lg-2"</code><code>>\n' +</code>

<code> </code><code>' <</code><code>select</code> <code>id</code><code>=</code><code>"port"</code> <code>class</code><code>=</code><code>"form-control port"</code> <code>name</code><code>=</code><code>"port[]"</code> <code>onchange</code><code>=</code><code>"checkadvertname(this);"</code><code>>\n';</code>

<code> </code><code>for (var i=0;i<</code><code>ports.length</code><code>;i++){</code>

<code> </code><code>html+='<option </code><code>value</code><code>=</code><code>'+ports[i]['</code><code>key']+'>'+ports[i]['value']+'</</code><code>option</code><code>>';</code>

<code> </code><code>html+='</</code><code>select</code><code>>\n' +</code>

<code> </code><code>' <</code><code>select</code> <code>id</code><code>=</code><code>"page"</code> <code>class</code><code>=</code><code>"form-control page"</code> <code>name</code><code>=</code><code>"page[]"</code> <code>onchange</code><code>=</code><code>"checkadvertname(this);"</code> <code>>\n';</code>

<code> </code><code>for (var i=0;i<</code><code>pages.length</code><code>;i++){</code>

<code> </code><code>html+='<option </code><code>value</code><code>=</code><code>'+pages[i]['</code><code>key']+'>'+pages[i]['value']+'</</code><code>option</code><code>>';</code>

<code> </code><code>' </</code><code>select</code><code>>\n' +</code>

<code> </code><code>' <</code><code>select</code> <code>id</code><code>=</code><code>"advertname"</code> <code>class</code><code>=</code><code>"form-control advertname"</code> <code>name</code><code>=</code><code>"advertname[]"</code> <code>onchange</code><code>=</code><code>"getadvert(this)"</code> <code>>\n' +</code>

<code> </code><code>' <</code><code>option</code> <code>value</code><code>=</code><code>"0"</code><code>>請選擇廣告位</</code><code>option</code><code>>\n' +</code>

<code> </code><code>' <</code><code>div</code> <code>class</code><code>=</code><code>"form-group field-applypay-paymenttime"</code><code>>\n' +</code>

<code> </code><code>' <</code><code>label</code> <code>class</code><code>=</code><code>"col-sm-1 control-label no-padding-right"</code> <code>for</code><code>=</code><code>"applypay-paymenttime"</code><code>>釋出時間</</code><code>label</code><code>>\n' +</code>

<code> </code><code>' <</code><code>div</code> <code>class</code><code>=</code><code>"col-sm-3 col-lg-2"</code><code>>\n' +</code>

<code> </code><code>' <</code><code>div</code> <code>class</code><code>=</code><code>"input-group"</code><code>>\n' +</code>

<code> </code><code>' <</code><code>span</code> <code>class</code><code>=</code><code>"input-group-addon"</code><code>><</code><code>i</code> <code>class</code><code>=</code><code>"icon-calendar bigger-110"</code><code>></</code><code>i</code><code>></</code><code>span</code><code>>\n' +</code>

<code> </code><code>' <</code><code>input</code> <code>class</code><code>=</code><code>"form-control date-picker datetime-picker3"</code> <code>id</code><code>=</code><code>"projectStime"</code> <code>name</code><code>=</code><code>"projectStime[]"</code> <code>data-date-format</code><code>=</code><code>"dd-mm-yyyy"</code> <code>onfocus</code><code>=</code><code>"WdatePicker({dateFmt:\'yyyy-MM-dd\'})"</code> <code>type</code><code>=</code><code>"text"</code><code>>\n' +</code>

<code> </code><code>' <</code><code>em</code> <code>style</code><code>=</code><code>"position: absolute; top: 5px; right: -28px; width: 20px;"</code><code>>-</</code><code>em</code><code>>\n' +</code>

<code> </code><code>' <</code><code>input</code> <code>class</code><code>=</code><code>"form-control date-picker datetime-picker3"</code> <code>id</code><code>=</code><code>"projectEtime"</code> <code>name</code><code>=</code><code>"projectEtime[]"</code> <code>data-date-format</code><code>=</code><code>"dd-mm-yyyy"</code> <code>onfocus</code><code>=</code><code>"WdatePicker({dateFmt:\'yyyy-MM-dd\'})"</code> <code>type</code><code>=</code><code>"text"</code><code>>\n' +</code>

<code> </code><code>' <</code><code>div</code> <code>class</code><code>=</code><code>"form-group field-receivableamout-reason required"</code><code>>\n' +</code>

<code> </code><code>' <</code><code>label</code> <code>class</code><code>=</code><code>"col-sm-1 control-label no-padding-right"</code> <code>for</code><code>=</code><code>"receivableamout-reason"</code><code>>備注說明</</code><code>label</code><code>>\n' +</code>

<code> </code><code>' <</code><code>div</code> <code>class</code><code>=</code><code>"col-lg-5"</code><code>><</code><code>input</code> <code>type</code><code>=</code><code>"text"</code> <code>id</code><code>=</code><code>"receivableamout-reason"</code> <code>class</code><code>=</code><code>"form-control"</code> <code>name</code><code>=</code><code>"reason[]"</code> <code>maxlength</code><code>=</code><code>"100"</code><code>></</code><code>div</code><code>>\n' +</code>

<code> </code><code>' <</code><code>div</code> <code>class</code><code>=</code><code>"col-lg-3"</code><code>>\n' +</code>

<code> </code><code>' <</code><code>div</code> <code>class</code><code>=</code><code>"help-block"</code><code>></</code><code>div</code><code>></</code><code>div</code><code>>\n' +</code>

<code>// ' <</code><code>div</code> <code>class</code><code>=</code><code>"form-group field-receivableamout-reason required"</code><code>>\n' +</code>

<code>// ' <</code><code>label</code> <code>class</code><code>=</code><code>"col-lg-1 control-label no-padding-right"</code> <code>for</code><code>=</code><code>"receivableamout-reason"</code><code>>上傳附件</</code><code>label</code><code>>\n' +</code>

<code>// ' <</code><code>div</code> <code>class</code><code>=</code><code>"col-lg-11 wdata'+num+'"</code><code>>\n' +</code>

<code>// ' <</code><code>div</code> <code>class</code><code>=</code><code>"col-lg-3 btnimg"</code><code>>\n' +</code>

<code>// ' <</code><code>label</code> <code>for</code><code>=</code><code>"uploadImg"</code> <code>class</code><code>=</code><code>"btn btn-primary fileimg"</code><code>><</code><code>i</code> <code>class</code><code>=</code><code>"fa-plus-sign"</code><code>></</code><code>i</code><code>>\n' +</code>

<code>// ' <</code><code>input</code> <code>class</code><code>=</code><code>"UploadImg"</code> <code>data</code><code>=</code><code>"'+num+'"</code> <code>type</code><code>=</code><code>"file"</code> <code>name</code><code>=</code><code>"files[]"</code> <code>multiple></</code><code>label</code><code>>\n' +</code>

<code>// ' </</code><code>label</code><code>>\n' +</code>

<code> </code><code>$('#xx').append(html);</code>

<code> </code><code>//jq上傳插件開始</code>

<code> </code><code>$(".UploadImg").fileupload({</code>

<code> </code><code>url: 'http://imgapi.qq.com/upload/php/upload.php',</code>

<code> </code><code>sequentialUploads: true,</code>

<code> </code><code>formData: {"app": 'brzy'},</code>

<code> </code><code>returnType: "json",</code>

<code> </code><code>acceptFiles: "application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/*,image/*,.pdf,.zip,.rar,.doc,.docx",</code>

<code> </code><code>dataType: 'json',</code>

<code>// 上傳完成後的執行邏輯</code>

<code> </code><code>done: function (e, data) {</code>

<code> </code><code>var n = data.jqXHR.responseText;</code>

<code> </code><code>var an = JSON.parse(n);</code>

<code> </code><code>// console.log(an);</code>

<code> </code><code>layer.closeAll();</code>

<code> </code><code>// if(typeof(_clickBut)=='undefined'){</code>

<code> </code><code>// var _clickBut='';</code>

<code> </code><code>_clickBut = $(this).attr('data');//哪個按鈕被點選了</code>

<code> </code><code>console.log($(this));</code>

<code> </code><code>callback(an.url);</code>

<code>// 上傳過程中的回調函數</code>

<code> </code><code>progressall: function (e, data) {</code>

<code> </code><code>layer.load(0, {shade: false});</code>

<code> </code><code>//jq插件結束</code>

<code> </code><code>$(".khnimus1").live('click',function(){</code>

<code> </code><code>$(this).parents(".one1").remove();</code>

本文轉自 liang3391 51CTO部落格，原文連結:http://blog.51cto.com/liang3391/1962817

jq點選增加一段html

繼續閱讀

Mac 神兵利器（一）極簡軟體清單

Postman 還能做自動化接口測試？早學會早下班……

小程式的新戰事

阿裡雲acp認證報名方法阿裡雲acp認證考試相關答疑

“雲釘一體”背後，阿裡雲希望改變什麼？

你的Idea還可用嗎？不妨試試另一個開發神器！一、STS安裝二、STS使用三、優化STS

【ECS常見問題】連接配接執行個體問題連接配接執行個體問題

用 Rust 重寫 Linux 核心，這可能嗎？挺進 Linux 世界，Rust 機會在哪？Linux 之父：驅動程式可能率先 Rust 化寫在最後：

Kafka 連接配接器使用與開發

IE new Date()無效

跨域問題總結

荷小魚 x mPaaS | 借助 H5 容器改善 App 白屏、浏覽器相容問題

AI驅動的Web App開發實戰

mPaaS 月度小報 | 3月發生的大事件

Android WebView 緻安卓應用閃退，mPaaS 助你規避這波 Bug

解讀 WebRTC 音頻 NetEQ 及優化實踐為什麼要 “白話” NetEQ?丢包、抖動和優化的了解NetEQ 及相關子產品NetEQ 内部子產品NetEQ 相關子產品優化點總結