ohplay_official/app/acp/liners/run.htm

<style type="text/css">
    <!--
    .pageFormContent td {
        padding: 7px 0;
    }

    -->
</style>
<div class="page unitBox">
    <div class="pageContent">
        <form method="post" action="<!--{echo $domain_prefix}-->/?m=acp&c=liners&a=add"
              class="pageForm -validate"
              onsubmit="return validateCallback(this, navTabAjaxDone);" novalidate="novalidate"
              accept-charset="utf-8">
            <div class="pageFormContent" layoutH="55">
                <table>
                    <tr id="editlinertr">
                        <td><label>内胆数量：</label></td>
                        <td>
                            <input name="count" class="mSize" type="text" id="editlinerCount"
                                   value="<!--{ echo count($data) }-->" readonly="true"/>
                            <div class="button">
                                <div class="buttonContent">
                                    <button id='editlinerButton' type="button">添加</button>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <!--{ if($data && !empty($data)){ $i = count($data); }-->
                    <!--{foreach ($data as $key => $row){ }-->
                    <tr class="editliner_<!--{ echo $i; }-->">
                        <td><label>内胆中文一级标题：</label></td>
                        <td>
                            <textarea class="lSize " rows="2" name="cn_fliner_title[]"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['cn_fliner_title']));}--></textarea>
                        </td>
                    </tr>
                    <tr class="editliner_<!--{ echo $i; }-->">
                        <td><label>内胆英文一级标题：</label></td>
                        <td>
                            <textarea class="lSize " rows="2" name="en_fliner_title[]"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['en_fliner_title']));}--></textarea>
                        </td>
                    </tr>
                    <tr class="editliner_<!--{ echo $i; }-->">
                        <td><label>内胆中文二级标题：</label></td>
                        <td>
                            <textarea class="lSize " rows="5" name="cn_sliner_title[]"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['cn_sliner_title']));}--></textarea>
                        </td>
                    </tr>
                    <tr class="editliner_<!--{ echo $i; }-->">
                        <td><label>内胆英文二级标题：</label></td>
                        <td>
                            <textarea class="lSize " rows="5" name="en_sliner_title[]"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['en_sliner_title']));}--></textarea>
                    </tr>
                    <tr class="editliner_<!--{ echo $i; }-->">
                        <td><label>内胆图：</label></td>
                        <td>
                            <div class="img_prev" style="padding: 7px 0;" src="<!--{echo $row['liner_images'];}-->">
                                <img width='120px' src='<!--{echo $row["liner_image"];}-->'/>
                            </div>
                            <input type="text" name="liner_image[]" class="lSize " style="width:300px;"
                                   value="<!--{echo $row['liner_image'];}-->" style='float: right;clear: both;'>
                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
                                <div class="buttonContent" style='float: right;clear: both;'>
                                    <button>浏览</button>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr class="editliner_<!--{ echo $i; }-->">
                        <td><label>移动端内胆图：</label></td>
                        <td>
                            <div class="img_prev" style="padding: 7px 0;" src="<!--{echo $row['liner_images_phone'];}-->">
                                <img width='120px' src='<!--{echo $row["liner_image_phone"];}-->'/>
                            </div>
                            <input type="text" name="liner_image_phone[]" class="lSize " style="width:300px;"
                                   value="<!--{echo $row['liner_image_phone'];}-->" style='float: right;clear: both;'>
                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
                                <div class="buttonContent" style='float: right;clear: both;'>
                                    <button>浏览</button>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr class="editliner_<!--{echo $i;}-->">
                        <td><label>权重：</label></td>
                        <td><input name="liner_power[]" class="mSize " type="text"
                                   value="<!--{echo $key;}-->"/>
                            <a class="editlinerDel" name=<!--{ echo $i }--> style="background-color:
                                #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color:
                                #f5efff;width: 100px;height: 30px;margin-left: 4px;">删除<!--{ echo $i }--></a></td>
                    </tr>
                    <!--{ $i--; }}-->
                    <!--{ }}-->
                </table>
            </div>
            <div class="formBar">
                <ul>
                    <li>
                        <div class="buttonActive">
                            <div class="buttonContent">
                                <button type="submit">保存</button>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="button">
                            <div class="buttonContent">
                                <button type="button" class="close">取消</button>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </form>
    </div>
</div>
<script>
    $("#editlinerButton").bind("click",
        function () {
            var i = $.trim($("#editlinerCount").val());
            $("#editlinerCount").val(++i);
            $("#editlinertr").after("<tr class=\"editliner_" + i + "\"><td><label>内胆中文一级标题：</label></td>" +
                "<td><textarea class=\"lSize \" rows=\"2\" name=\"cn_fliner_title[]\"></textarea></td></tr>" +
                "<tr class=\"editliner_" + i + "\"><td><label>内胆英文一级标题：</label></td>" +
                "<td><textarea class=\"lSize \" rows=\"2\" name=\"en_fliner_title[]\"></textarea></td></tr>" +
                "<tr class=\"editliner_" + i + "\"><td><label>内胆中文二级标题：</label></td>" +
                "<td><textarea class=\"lSize \" rows=\"10\" name=\"cn_sliner_title[]\"></textarea></td></tr>" +
                "<tr class=\"editliner_" + i + "\"><td><label>内胆英文二级标题：</label></td>" +
                "<td><textarea class=\"lSize \" rows=\"10\" name=\"en_sliner_title[]\"></textarea></td></tr>" +
                "<tr class=\"editliner_" + i + "\"><td><label>内胆图：</label></td><td>" +
                "<div class=\"img_prev\" style=\"padding: 7px 0;\">" +
                "</div><input type=\"text\" name=\"liner_image[]\" class=\"lSize \" style=\"width:300px;float: left;clear: both;\">" +
                "<div class=\"button\" onclick=\"BrowseServer(this,'Images',1);return false;\"><div class=\"buttonContent\" style='float: right;clear: both;'>" +
                "<button>浏览</button></div></div></td></tr>"+
                "<tr class=\"editliner_" + i + "\"><td><label>移动端内胆图：</label></td><td>" +
                "<div class=\"img_prev\" style=\"padding: 7px 0;\">" +
                "</div><input type=\"text\" name=\"liner_image_phone[]\" class=\"lSize \" style=\"width:300px;float: left;clear: both;\">" +
                "<div class=\"button\" onclick=\"BrowseServer(this,'Images',1);return false;\"><div class=\"buttonContent\" style='float: right;clear: both;'>" +
                "<button>浏览</button></div></div></td></tr>"+
                "<tr class=\"editliner_" + i + "\"><td><label>权重：</label></td><td><input name=\"liner_power[]\" class=\"mSize \" type=\"text\"/>"+
                "<a class=\"editlinerDel\" name=" + i + " style=\"background-color: #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color: #f5efff;width: 100px;height: 30px;margin-left: 4px;\">删除" + i + "</a></td></tr>"
            );
            $("a.editlinerDel[name=" + i + "]").click(function (e) {
                $.trim($("#editlinerCount").val($.trim($("#editlinerCount").val()) - 1))
                $(".editliner_" + $(e.target).attr("name")).remove();
            });
        });
    $("a.editlinerDel").click(function (e) {
        $.trim($("#editlinerCount").val($.trim($("#editlinerCount").val()) - 1))
        $(".editliner_" + $(e.target).attr("name")).remove();
    });
</script>