Javascript создал элементы, не публикуемые при отправке

Question

Javascript создал элементы, не публикуемые при отправке

0

Ive опубликовал несколько раз, но я все еще не согласен с этой проблемой, поэтому ниже приведен весь код, проблема в том, что динамически созданные элементы не появляются в _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>

user2429569 08 нояб. 2013, в 14:05

Источник

0

Ваш HTML-код недействителен - вы не можете иметь form качестве дочернего элемента table .
CBroe 08 нояб. 2013, в 13:10

Теги:

php

javascript

jquery

html

1 ответ

Ещё вопросы

Ваш HTML-код недействителен - вы не можете иметь form качестве дочернего элемента table .

matewka · Accepted Answer · 2013-11-08T10-30-00.000Z

В вашем HTML есть несколько ошибок вложенности. Тег <form> помещается сразу внутри <table> - это неверно ! Также закрывающий тег form помещается внутри последнего <td>. Ваша разметка должна выглядеть так:

<form ...>
    <table ...>
        <tr ...>
            <td ...>
                ...
            </td>
            ...
        </tr>
        ...
    </table>
</form>

Спасибо,. если это решит мою проблему .. я поцелую твои пальцы.
Спасибо ... каждый узнает что-то новое каждый день!