Здраствуйте. На сайте при нажатии на плюс показывается елемент. Использую скрипт: Код (Text): <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript"> $(function() { $('.add').toggle(function(){ $(this).siblings(".food-item").show(); }, function(){ $(this).siblings(".food-item").hide(); $(this).removeClass('red'); }); }); </script> Код страницы: Код (Text): <form method="POST" action="/added"> <div class="block"> <br><img class="add" src="/add.png"/> <div class="food-item"> <br><select size="1" name="food1"> <?php $Param1 = 'SELECT `id`, `name` FROM `food`'; $Result = mysqli_query($CONNECT, $Param1); while ($Row = mysqli_fetch_assoc($Result)){ echo ' <option value="'.$Row['id'].'">'.$Row['name'].'</option>';} ?> </select> <input type="number" size="3" name="food-weight-1" min="1" max="5000" value="100"> г </div> </div> <br><div class="block"> <br><img class="add" src="/add.png"/> <div class="food-item"> <br><select size="1" name="food2"> <?php $Param1 = 'SELECT `id`, `name` FROM `food`'; $Result = mysqli_query($CONNECT, $Param1); while ($Row = mysqli_fetch_assoc($Result)){ echo ' <option value="'.$Row['id'].'">'.$Row['name'].'</option>';} ?> </select> <input type="number" size="3" name="food-weight-2" min="1" max="5000" value="100"> г </div> </div> <br><div class="block"> <br><img class="add" src="/add.png"/> <div class="food-item"> <br><select size="1" name="food3"> <?php $Param1 = 'SELECT `id`, `name` FROM `food`'; $Result = mysqli_query($CONNECT, $Param1); while ($Row = mysqli_fetch_assoc($Result)){ echo ' <option value="'.$Row['id'].'">'.$Row['name'].'</option>';} ?> </select> <input type="number" size="3" name="food-weight-3" min="1" max="5000" value="100"> г </div> </div> Не знаю как реализовать такое: есть один отображаемый "block" и одна кнопка "add". И при нажатии на кнопку добавляется один елемент, и так 10 елементов. Нету ли готовых решений?
https://jsfiddle.net/8duo6w6b/2/ HTML: <div id="forms" data-count="1"> <input type="text" name="str[1]" id="str_1"> </div> <input type="button" value="add" id="addbtn"> Код (Javascript): $( "#addbtn" ).on( "click", function() { count = $("#forms").data("count"); count = count + 1; $("#forms").data("count", count); $( "#forms" ).append( '<br><input type="text" name="str['+count+']" id="str_'+count+'">' ); });