0

我已经发布了几次，但我仍然没有解决这个问题，所以下面是所有代码，问题是提交后动态创建的元素没有出现在 _POST 中。但我确实在 Firefox 的修改后的源代码中看到了它们。

Javascript 在以下 div 之间插入元素，

                        <div id="p_scents">
                        </div>

但如前所述，不在 _POST 中显示

以下是完整的源代码，因此可以复制问题。

    <html >
    <head>

    <script src="/js/jquery.min.js"></script>
    <script src="/js/jquery.Jcrop.js"></script>

    <script type="text/javascript">




    $(function() {
    var scntDiv = $('#p_scents');
    var i = $('#p_scents p').size() + 1;
    $('#addScnt').on('click', function() {
    $('<p><label for="p_scnts"><input type="text" size="20" name="url' + i +'" value="" placeholder="Input Value" /></label> <a href="#" id="remScnt">Remove</a></p>').appendTo(scntDiv);
    i++;
    return false;
    });

    $('#remScnt').on('click', function() {
    if( i > 1  ) {
        $(this).parents('p').remove();
        i--;
    }
    return false;
    });
    });

    </script>

    <script type="text/javascript">

    jQuery(function($){

    var jcrop_api;

    $('#target').Jcrop({
    onChange:   showCoords,
    onSelect:   showCoords,
    onRelease:  clearCoords
    },function(){
    jcrop_api = this;
    });

    $('#coords').on('change','input',function(e){
    var x1 = $('#x1').val(),
    x2 = $('#x2').val(),
    y1 = $('#y1').val(),
     y2 = $('#y2').val();
    jcrop_api.setSelect([x1,y1,x2,y2]);
    });

     });

    function showCoords(c)
    {
         $('#x1').val(c.x);
     $('#y1').val(c.y);
     $('#x2').val(c.x2);
             $('#y2').val(c.y2);
         $('#w').val(c.w);
     $('#h').val(c.h);
    };

     function clearCoords()
      {
     $('#coords input').val('');
      };


    </script> 


        </head>
        <body>
                <table border=1 cellpadding="1" cellspacing="0"  width=80%>
        <form action="/index.php/create" method="post" accept-charset="utf-8">                      <tr>
                                                    <td>
                                                       Select image
                                                    </td>
                                                    <td>
                          <input type="file" name="image"/>
                                                    </td>
                                            </tr>
                    <tr><td colspan=2 align=center>

                        <a href="#" id="addScnt">Add Another Input Box</a>
                    </td>
                    </tr>
                                         <tr><td>
                                                    Give your banner a unique name</td>
                                            <td>
                                              <input type="text" name="name" value="" id="name" autofocus />                                                </td></tr>
                                          <tr><td>Specify email address or domain to brand</td>
                                              <td>
                                            <input type="text" name="domainName" value="" id="domain" />                                                  </td></tr>
                                          <tr><td>Status</td>
                                            <td>
                                             <select name="status">
                    <option value="enabled">Enabled</option>
                    <option value="disabled">Disabled</option>
                    </select>                                                </td></tr>
                                          <tr><td>Give you banner a default URL</td>
                                             <td>
                                            <input type="text" name="url" value="" id="url" />                                                </td></tr>
                    <tr><td valign=top>Alternate Urls
                    </td>
                    <td>
                        <div id="p_scents">
                        </div>
                    <input type=submit>
                    </form>                     </td>
                    </tr>


        </table>

        </body>
        </html>
4

1 回答 1

1

您的 HTML 中有多个嵌套错误。您的<form>标签立即放在<table>- 这是不正确的！的封闭标签form也放在最后一个里面<td>。您的标记应如下所示：

<form ...>
    <table ...>
        <tr ...>
            <td ...>
                ...
            </td>
            ...
        </tr>
        ...
    </table>
</form>
于 2013-11-08T13:10:00.730 回答