ohplay_official/acp/radiooologs/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=radiooologs&a=add"
              class="pageForm required-validate"
              onsubmit="return validateCallback(this, navTabAjaxDone);" novalidate="novalidate"
              accept-charset="utf-8">
            <div class="pageFormContent" layoutH="55">
                <table>
                    <tr>
                        <td><label>中文主标题：</label></td>
                        <td><input name="cn_ftitle" class="mSize required" type="text"
                                   value="<!--{echo $data['cn_ftitle'];}-->"/></td>
                    </tr>
                    <tr>
                        <td><label>英文主标题：</label></td>
                        <td><input name="en_ftitle" class="mSize required" type="text"
                                   value="<!--{echo $data['en_ftitle'];}-->"/></td>
                    </tr>
                    <tr class="show_<!--{echo $i;}-->">
                        <td><label>中文主内容：</label></td>
                        <td><textarea class="lSize required" rows="10" name="cn_fcontent"><!--{echo !isset($data['cn_fcontent']) ? '' : str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['cn_fcontent']));}--></textarea>
                        </td>
                    </tr>
                    <tr class="show_<!--{echo $i;}-->">
                        <td><label>英文主内容：</label></td>
                        <td><textarea class="lSize required" rows="10" name="en_fcontent"><!--{echo !isset($data['en_fcontent']) ? '' : str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['en_fcontent']));}--></textarea>
                        </td>
                    </tr>
                    <tr>
                        <td><label>文案主图：</label></td>
                        <td>
                            <div class="img_prev" style="padding: 7px 0;">
                                <!--{ if(!empty($data['image'])){ }-->
                                <img src="<!--{echo $data['image'];}-->" width="120px"/>
                                <!--{ }}-->
                            </div>
                            <input type="text" name="image" class="lSize required" style="width:300px;" value="<!--{echo !isset($data['image']) ? '' : $data['image'];}-->">
                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
                                <div class="buttonContent">
                                    <button>浏览</button>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr id="showtr">
                        <td><label>猫王历程文案数量：</label></td>
                        <td>
                            <input name="count" class="mSize" type="text" id="showCount"
                                   value="<!--{echo !isset($data['count']) ? 0 : $data['count'];}-->" readonly="true"/>
                            <div class="button">
                                <div class="buttonContent">
                                    <button id='showButton' type="button">添加</button>
                                </div>
                            </div>
                            <font color="red">(权重数字越高排名越前，不可重复。高亮文字使用{})</font>
                        </td>
                    </tr>
                    <!--{ if($data && !empty($data['show'])){ $i = count($data['show']); }-->
                    <!--{foreach ($data['show'] as $key => $row){ }-->
                    <tr class="show_<!--{echo $i;}-->">
                        <td><label>中文标题：</label></td>
                        <td><input name="cn_stitle[]" class="mSize required" type="text"
                                   value="<!--{echo $row['cn_stitle'];}-->"/></td>
                    </tr>
                    <tr class="show_<!--{echo $i;}-->">
                        <td><label>英文标题：</label></td>
                        <td><input name="en_stitle[]" class="mSize required" type="text"
                                   value="<!--{echo $row['en_stitle'];}-->"/></td>
                    </tr>
                    <tr class="show_<!--{echo $i;}-->">
                        <td><label>中文内容：</label></td>
                        <td><textarea class="lSize required" rows="10" name="cn_scontent[]"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['cn_scontent']));}--></textarea>
                        </td>
                    </tr>
                    <tr class="show_<!--{echo $i;}-->">
                        <td><label>英文内容：</label></td>
                        <td><textarea class="lSize required" rows="10" name="en_scontent[]"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['en_scontent']));}--></textarea>
                        </td>
                    </tr>
                    <tr class="show_<!--{echo $i;}-->">
                        <td><label>权重：</label></td>
                        <td><input name="power[]" class="mSize required" type="text" value="<!--{echo $key;}-->"/><a
                                class="showDel" 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>
    $(document).ready(function () {
        $("#showButton").bind("click",
            function () {
                var i = $.trim($("#showCount").val());
                $("#showCount").val(++i);
                $("#showtr").after("<tr class=\"show_" + i + "\"><td><label>中文标题：</label></td>" +
                    "<td><input name=\"cn_stitle[]\" class=\"mSize required\" type=\"text\"/></td></tr>" +
                    "<tr class=\"show_" + i + "\"><td><label>英文标题：</label></td>" +
                    "<td><input name=\"en_stitle[]\" class=\"mSize required\" type=\"text\"/></td></tr>" +
                    "<tr class=\"show_" + i + "\"><td><label>中文内容：</label></td>" +
                    "<td><textarea class=\"lSize required\" rows=\"10\" name=\"cn_scontent[]\"></textarea></td></tr>" +
                    "<tr class=\"show_" + i + "\"><td><label>英文内容：</label></td>" +
                    "<td><textarea class=\"lSize required\" rows=\"10\" name=\"en_scontent[]\"></textarea></td></tr>" +
                    "<tr class=\"show_" + i + "\"><td><label>权重：</label></td>" +
                    "<td><input name=\"power[]\" class=\"mSize required\" type=\"text\"/><a class=\"showDel\" 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.showDel[name=" + i + "]").click(function (e) {
                    $.trim($("#showCount").val($.trim($("#showCount").val()) - 1))
                    $(".show_" + $(e.target).attr("name")).remove();
                });
        });
        $("a.showDel").click(function (e) {
            $.trim($("#showCount").val($.trim($("#showCount").val()) - 1))
            $(".show_" + $(e.target).attr("name")).remove();
        });
    });
</script>