<!--添加廣告位信息開(kāi)始-->
<div class="all" >
    <div class="widget-header">
        <h5>廣告位明細(xì)(最多5條)</h5><div ><h5 id="newyz1">+增加</h5></div>
    </div>
    <div class="one1">
        <div class="contract-contracttype">
            <div class="form-group field-contract-contracttype required has-success">
                <label class="col-sm-1 control-label no-padding-right" for="receivableamount[contractId]">廣告位</label>
                <div class="col-lg-2">
                    <input type="hidden" class="advertId" name="advertId[]" id="advertId" value="">
                    <input type="hidden" class="advertname1" name="advertname1[]" id="advertname1" value="">
                    <select id="port" class="form-control port" name="port[]" onchange="checkadvertname(this);">
                        <?php foreach($port as $key=>$value):?>
                        <option value="<?=$value['key']?>"><?=$value['value']?></option>
                        <?php endforeach;?>
                    </select>
                </div>
                <div class="col-lg-2">
                    <select id="page" class="form-control page" name="page[]" onchange="checkadvertname(this);">
                        <?php foreach($page as $key=>$value):?>
                            <option value="<?=$value['key']?>"><?=$value['value']?></option>
                        <?php endforeach;?>
                    </select>
                </div>
                <div class="col-lg-2">
                    <select id="advertname" class="form-control advertname" name="advertname[]" onchange="getadvert(this)">
                        <option value="0">請(qǐng)選擇廣告位</option>
                    </select>
                </div>

            </div>
        </div>
        <div class="form-group field-applypay-paymenttime">
            <label class="col-sm-1 control-label no-padding-right" for="applypay-paymenttime">發(fā)布時(shí)間</label>
            <div class="col-sm-3 col-lg-2">
                <div class="input-group">
                    <span class="input-group-addon"><i class="icon-calendar bigger-110"></i></span>
                    <input class="form-control date-picker datetime-picker3" id="projectStime" name="projectStime[]" data-date-format="dd-mm-yyyy" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" type="text">
                    <em >-</em>
                </div>
            </div>
            <div class="col-sm-3 col-lg-2">
                <div class="input-group">
                    <span class="input-group-addon"><i class="icon-calendar bigger-110"></i></span>
                    <input class="form-control date-picker datetime-picker3" id="projectEtime" name="projectEtime[]" data-date-format="dd-mm-yyyy" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" type="text">
                </div>
            </div>
        </div>
        <div class="form-group field-receivableamout-reason required">
            <label class="col-sm-1 control-label no-padding-right" for="receivableamout-reason">備注說(shuō)明</label>
            <div class="col-lg-5"><input type="text" id="receivableamout-reason" class="form-control" name="reason[]" maxlength="100"></div>
            <div class="col-lg-3">
                <div class="help-block"></div></div>
        </div>

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

    </span>
    <div class="form-group field-receivableamout-reason required">
        <label class="col-lg-1 control-label no-padding-right" for="receivableamout-reason">上傳附件</label>
        <div class="col-lg-11 wdata1">
            <div class="col-lg-3 btnimg">
                <label for="uploadImg" class="btn btn-primary fileimg"><i class="fa-plus-sign"></i>
                    <span>上傳</span>
                    <input  class="UploadImg" data="1"  type="file" name="files[]"  multiple></label>
                </label>
            </div>

        </div>
    </div>
</div>
<!--添加廣告位信息結(jié)束-->

 $("#newyz1").bind('click',function() {
                    _addnum++;
                    var num=_addnum;
                    console.log(num);
                    if($(".one1").length>4){
                        layer.msg("最多5條數(shù)據(jù)");
                        return false;
                    }
                    var html='<div class="one1">\n' +
                        '                <div class="contract-contracttype">\n' +
                        '                    <div class="form-group field-contract-contracttype required has-success">\n' +
                        '<input type="hidden" class="advertId" name="advertId[]" id="advertId" value="">\n'+
                        ' <input type="hidden" class="advertname1" name="advertname1[]" id="advertname1" value="">\n'+
                        '                        <label class="col-sm-1 control-label no-padding-right" for="receivableamount[contractId]">廣告位</label>\n' +
                        '                    <a href="javascript:void(0)" class="khnimus1" title="" id="newyz1" data-original-title=""><i class="icon-trash bigger-130"></i></a>\n'+
                        '                        <div class="col-lg-2">\n' +
                        '                            <select id="port" class="form-control port" name="port[]" onchange="checkadvertname(this);">\n';
                    for (var i=0;i<ports.length;i++){
                        html+='<option value='+ports[i]['key']+'>'+ports[i]['value']+'</option>';
                    }
                    html+='</select>\n' +
                        '                        </div>\n' +
                        '                        <div class="col-lg-2">\n' +
                        '                            <select id="page" class="form-control page" name="page[]" onchange="checkadvertname(this);" >\n';
                    for (var i=0;i<pages.length;i++){
                        html+='<option value='+pages[i]['key']+'>'+pages[i]['value']+'</option>';
                    }
                    html+='</select>\n' +
                        '                            </select>\n' +
                        '                        </div>\n' +
                        '                        <div class="col-lg-2">\n' +
                        '                            <select id="advertname" class="form-control advertname" name="advertname[]" onchange="getadvert(this)" >\n' +
                        '                                <option value="0">請(qǐng)選擇廣告位</option>\n' +
                        '                            </select>\n' +
                        '                        </div>\n' +
                        '\n' +
                        '                    </div>\n' +
                        '                </div>\n' +
                        '                <div class="form-group field-applypay-paymenttime">\n' +
                        '                    <label class="col-sm-1 control-label no-padding-right" for="applypay-paymenttime">發(fā)布時(shí)間</label>\n' +
                        '                    <div class="col-sm-3 col-lg-2">\n' +
                        '                        <div class="input-group">\n' +
                        '                            <span class="input-group-addon"><i class="icon-calendar bigger-110"></i></span>\n' +
                        '                            <input class="form-control date-picker datetime-picker3" id="projectStime" name="projectStime[]" data-date-format="dd-mm-yyyy" onfocus="WdatePicker({dateFmt:\'yyyy-MM-dd\'})" type="text">\n' +
                        '                            <em >-</em>\n' +
                        '                        </div>\n' +
                        '                    </div>\n' +
                        '                    <div class="col-sm-3 col-lg-2">\n' +
                        '                        <div class="input-group">\n' +
                        '                            <span class="input-group-addon"><i class="icon-calendar bigger-110"></i></span>\n' +
                        '                            <input class="form-control date-picker datetime-picker3" id="projectEtime" name="projectEtime[]" data-date-format="dd-mm-yyyy" onfocus="WdatePicker({dateFmt:\'yyyy-MM-dd\'})" type="text">\n' +
                        '                        </div>\n' +
                        '                    </div>\n' +
                        '                </div>\n' +
                        '                <div class="form-group field-receivableamout-reason required">\n' +
                        '                    <label class="col-sm-1 control-label no-padding-right" for="receivableamout-reason">備注說(shuō)明</label>\n' +
                        '                    <div class="col-lg-5"><input type="text" id="receivableamout-reason" class="form-control" name="reason[]" maxlength="100"></div>\n' +
                        '                    <div class="col-lg-3">\n' +
                        '                        <div class="help-block"></div></div>\n' +
                        '                </div>\n' +
//                            ' <div class="form-group field-receivableamout-reason required">\n' +
//                        '                    <label class="col-lg-1 control-label no-padding-right" for="receivableamout-reason">上傳附件</label>\n' +
//                        '                    <div class="col-lg-11 wdata'+num+'">\n' +
//                        '                        <div class="col-lg-3 btnimg">\n' +
//                        '                            <label for="uploadImg" class="btn btn-primary fileimg"><i class="fa-plus-sign"></i>\n' +
//                        '                                <span>上傳</span>\n' +
//                        '                                <input  class="UploadImg" data="'+num+'"  type="file" name="files[]"  multiple></label>\n' +
//                        '                            </label>\n' +
//                        '                        </div>\n' +
//                        '                    </div>\n' +
//                        '                </div>\n'+
                    '</div>';
                    $('#xx').append(html);

                    //jq上傳插件開(kāi)始
                    $(".UploadImg").fileupload({
                        url: 'http://imgapi.qq.com/upload/php/upload.php',
                        sequentialUploads: true,
                        formData: {"app": 'brzy'},
                        returnType: "json",
                        acceptFiles: "application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/*,p_w_picpath/*,.pdf,.zip,.rar,.doc,.docx",
                        dataType: 'json',

// 上傳完成后的執(zhí)行邏輯
                        done: function (e, data) {
                            var n = data.jqXHR.responseText;
                            var an = JSON.parse(n);
                            // console.log(an);
                            layer.closeAll();
                            // if(typeof(_clickBut)=='undefined'){
                            //     var _clickBut='';
                            // }
                            _clickBut = $(this).attr('data');//哪個(gè)按鈕被點(diǎn)擊了
                            console.log($(this));
                            callback(an.url);
                        },
// 上傳過(guò)程中的回調(diào)函數(shù)
                        progressall: function (e, data) {
                            layer.load(0, {shade: false});
                        }
                    });

                    //jq插件結(jié)束
                    $(".khnimus1").live('click',function(){
                        $(this).parents(".one1").remove();
                    });
                });

創(chuàng)新互聯(lián)專(zhuān)注于企業(yè)成都全網(wǎng)營(yíng)銷(xiāo)、網(wǎng)站重做改版、長(zhǎng)壽網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、html5、商城開(kāi)發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)營(yíng)銷(xiāo)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性?xún)r(jià)比高，為長(zhǎng)壽等各大城市提供網(wǎng)站開(kāi)發(fā)制作服務(wù)。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性?xún)r(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專(zhuān)為企業(yè)上云打造定制，能夠滿足用戶(hù)豐富、多元化的應(yīng)用場(chǎng)景需求。

分享題目：jq點(diǎn)擊增加一段html-創(chuàng)新互聯(lián)
分享地址：http://www.rwnh.cn/article38/dosppp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、網(wǎng)站營(yíng)銷(xiāo)、商城網(wǎng)站、網(wǎng)站策劃、App開(kāi)發(fā)、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)