Вот код, отрабатывает он довольно странно, сначала добавляет один инпут к уже имеющемуся и потом в геометрической прогрессии начинать добавлять 2,4,8.А мне нужно,чтобы добавляло только 1.
<div id="wrap" style="width: 650px;margin: 0 auto;">
<form method="post" action="materials.php" name="materials">
<fieldset>
<legend>Добавить материал</legend>
<input type="text" name="material" placeholder="Материал">
<br>
<input type="text" name="option[]" placeholder="Опция" class="option">
<input type="button" name="add_opt" value="Добавить опцию" class="add_opt">
<br>
<input type="text" name="option[]" placeholder="Параметр">
</form>
</fieldset>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(".add_opt").click( function() {
// $('#wrap').append('<input type="text" class="option" name="option[]"/>');
$('<input type="text" placeholder="Опция" class="option" name="option[]"/>').insertAfter('.option')
});
</script>
