Блог

Хорошо, возможно, это сложно объяснить. У меня есть форма, созданная с использованием класса PHP Form Builder

Который выглядит как:

 $form = new form("firstForm");
    $form->setAttributes(array(
             "width" => 600,
             "noAutoFocus" => 1,
             "jsIncludesPath" => "lib/php-form-builder-class/includes",
             "action" => "uploader.php"
    ));

    $form->addTextbox("Enter a Title:", 'title' , $row['title']);
    $form->addTextbox("Enter a Promo Code:", "promo" , $row['promo']);
    $form->addWebEditor("Description", "description", $row['description'], array("basic" => 1));
    $form->addWebEditor("Terms and Conditions", "terms", $row['terms'], array("basic" => 1));
    $form->addHidden("img_urls", $row['img_urls']);
    $form->addHidden("destination", $row['destination']);
    $form->addHidden("header", $row['headerimg']);
    $form->addHidden("cmd", "submit_0");
    $form->addButton();
    $form->render();
  

Я хочу добавить немного jQuery к одному из элементов, чтобы разрешить перетаскивание, поэтому я создал еще один элемент формы:

 ?>
    <form id="firstForm"  action="uploader.php" method="post" >
    <ul class="sortable"> 
    Mags Select:
    <?
    foreach ($profiles as $mag) {
    ?>
    <div id="sorty"><input type="checkbox" name="units" value="<? echo $mag ?>" /><label><? echo $mag ?></label><br /></div>
    <? }  ?>
    </ul>
    </form>
  

Как я могу заставить часть jQuery публиковать через ее значения ‘units’ при отправке класса PHP Form Builder?

Я посмотрел на добавление метода в класс, но подумал, есть ли более простой способ?

Редактировать:

Форма класса PHP Form Builder является автономной, поэтому, где бы форма jQuery ни находилась на странице, она всегда будет находиться за пределами другой.

Вы могли бы использовать javascript и перенести значения из второй формы В (скрытые поля в) первой форме?

Или аналогично вы могли бы просто создать форму и скопировать HTML (просмотреть исходный код) и использовать его вместо необработанного php, затем вставить в него свой jQuery drag and drop таким образом.

Просто измените свой второй идентификатор «firstForm» на SecondForm, затем сделайте что-то вроде этого:

 $('#firstForm').submit(function(event) {
    event.preventDefault();

    var postData = $(this).add('#secondForm').serialize();

    $.post($(this).attr('action'), postData, function() {
     // Complete....
    }
});
  

Поскольку ваш units ввод содержит несколько элементов, вы можете изменить это на массив, подобный этому (обратите внимание на изменение с units на units[] ):

 <div id="sorty"> <!-- I assume this should be ouside the foreach... !-->
   <? foreach ($profiles as $mag) { ?>
      <input type="checkbox" name="units[]" value="<? echo $mag ?>" />
      <label><? echo $mag ?></label><br/>
   <? } ?>
</div>
  

Тогда вы получите это точно так же, как массив в PHP:

  foreach ($_POST['units'] as $key => $value)
 {

 }
  

Не могли бы вы поместить поле формы перетаскивания jQuery в тот же <form> тег, что и все остальные поля? Это естественный способ сделать это.