Динамически добавить поле выбора с jquery, php и mysql?

Question

Хорошо, я рассмотрел несколько вопросов по этой теме. Но я не могу найти именно то, что я ищу. Мне нужна помощь!! Мне нужно динамически создать поле выбора в форме, используя jquery, php и mysql. Вот как у меня теперь есть оригинальное поле выбора без необходимости добавления нового:

<select name="material" id="selectList">
  <?php
  $get_material = mysql_query("SELECT DISTINCT Familia, anchocm FROM MYS")
     or die(mysql_error());

  while ($info = mysql_fetch_array($get_material)) {
     echo "<option value=\"".$info['anchocm']."\">".$info['Familia']."</option>\n  "; 
  }

   ?>
  </select>

Он получает информацию из базы данных mysql и заполняет поля. Теперь мне нужно добавить кнопку рядом с этим полем выбора, добавив еще одно поле выбора, идентичное этому. Так что они могут выбрать один вариант в каждом окне выбора. Я понятия не имею, как это сделать. Если у кого-то есть лучшее предложение использовать, я открыт. Мне просто нужно сделать это до завтрашнего утра. Заранее большое спасибо!

Answer 1

Скажем, у вас есть кнопка рядом с вашим полем выбора:

<input type="submit" value="Copy" id="copy" />

В jQuery:

$("#copy").click(function(e) {
   $("#foon").clone().removeAttr('id').insertAfter(this);
   e.preventDefault();
});

Вам также следует изменить name выбора на «материал []», чтобы вы могли разместить произвольное число в виде массива.

Answer 2

Вы можете клонировать существующий блок выбора в jquery для повторного использования в вашем приложении. Он покажет вам существующие параметры, как у вас, в одном блоке выбора.