Неограниченное добавление полей по нажатию кнопки без сохранения при обновлении

@DyadyaGe · Регистрация: 04.04.2019

Author24 — интернет-сервис помощи студентам

Доброго времени суток. Казалось бы простая задача, и вроде бы когда-то делал, но не могу найти у себя (может ошибаюсь что делал) и по поиску тоже подходящего не нашел.
Необходимо только на php сделать добавление полей по нажатию кнопки. Сколько раз кнопку нажали, столько раз добавились новые поля. После обновления страницы все добавленные поля удалились. Как сделать это с записью в файл на сервере - знаю, получается. Но вроде бы делал и без дополнительных файлов. И вроде как был вариант с использованием скрытых полей. Вот только сейчас не получается. Пробую так:

PHP

<input type="text" name="koliko" value="<?php if(isset($_POST['add'])){if (empty($_POST['koliko'])){$k = 0;$k++; echo $k;} else {$k=$k++; echo $k;}} ?>"/>
// это поле потом мужно скрыть type = "hidden"
<form action = "" method="POST">
    <div class="inputs">
        <input type="text" name="name1[]" />
        <input type="text" name="name2[]" />
        
<?php 
$pole[]= '';
if(isset($_POST['add']))
{
$str = '<br><input type="text" name="name1[]" />  <input type="text" name="name2[]" />';
array_push($pole, $str);
for($i = 1; $i <=count($pole); $i++){
    echo $i.'<br>';
    echo $pole[$i-1];
    }
echo $pole[$k].'<br>';
}
 
?>
    </div>
    <input type="submit" name="add" value="Добавить" />
</form>

@ft4l · 16.01.2021, 17:00

Сообщение от DyadyaGe

добавление полей по нажатию кнопки

js ?
Что-то похожее где-то здесь постил, но нее по колличеству нажатий а по числам "сколько на сколько" полей

PHP/HTML

<html>
<head>
    <title>js</title>
    <script>
function get_fields(el) {
    var mx1 = document.getElementById('mx1'),
        mx2 = document.getElementById('mx2'),
        x = el.elements['x'].value,
        y = el.elements['y'].value;
 
    mx1.innerHTML ='';
    mx2.innerHTML ='';
    for(var i=0; i<x; ++i){
        for(var ii=0; ii<y; ++ii){
            mx1.innerHTML += `<input type="range" name="M1[${i}][]"/>`;
            mx2.innerHTML += `<input type="range" name="M2[${i}][]"/>`;
        }
        mx1.innerHTML += '<br/>';
        mx2.innerHTML += '<br/>';
    }
}
 
    </script>
</head>
<body style="display:flex">
 
<?php
if($_SERVER['REQUEST_METHOD'] == 'POST'){
 
 
    echo '<div>';
    echo '<xmp>', var_export($_POST), "</xmp>\n";
//      <input type="button" value="Close" onclick="self.parent.tb_remove()" />
 
    $args = array(
        'x' => array(
            'filter' => FILTER_VALIDATE_INT,
            'options'   => array('min_range' => 1, 'max_range' => 10)
            ),
        'y' => array(
            'filter' => FILTER_VALIDATE_INT,
            'options'   => array('min_range' => 1, 'max_range' => 10)
            ),
        'M1' => array(
            'filter' => FILTER_VALIDATE_FLOAT,
            'flags'  => FILTER_REQUIRE_ARRAY
            ),
        'M2' => array(
            'filter' => FILTER_VALIDATE_FLOAT,
            'flags'  => FILTER_REQUIRE_ARRAY
            )
        );
    $IN = filter_input_array(INPUT_POST, $args);
    echo '<xmp>', var_export($IN), "</xmp>\n";
 
    echo '</div>';
}
?>
    <form method="post">
    <fieldset><legend>Form</legend>
    <fieldset><legend>Fields</legend>
        <input type="number" name="x"  min="1" max="10"/>
        X
        <input type="number" name="y"  min="1" max="10"/>
 
        <input type="button" value="Show" onclick="get_fields(this.parentNode)" />
    </fieldset>
        <fieldset><legend>Matrix 1</legend>
            <div id="mx1"></div>
        </fieldset>
        <fieldset><legend>Matrix 2</legend>
            <div id="mx2"></div>
        </fieldset>
        <input type="submit"/>
    </fieldset>
    </form>
 
</body>
</html>

@DyadyaGe · 16.01.2021, 17:15 **[ТС]**

Сообщение от x_lab

s ?

За вариант спасибо, буду иметь ввиду. Но хотелось именно силами php.
Самый простой способ без js - записывать добавленные строки в файл и потом из него считывать. Но вроде ж был способ обойти это.
Пока что добавляет только один раз. И так сказать "калькулятор" не срабатывает в скрытом поле.

@fanatikus · 16.01.2021, 20:37

Сообщение от DyadyaGe

Но хотелось именно силами php.

PHP/HTML

<form action="" method="post">
    <?php if (isset($_POST['add'])) { ?>
        <?php if (isset($_POST['count'])) { ?>
            <?php for ($i = 0; $i <= $_POST['count']; $i++) { ?>  
                <?php $n = 'name' . $i; ?>
                <input type="text" name="<?php echo $n; ?>" value="<?php echo $_POST[$n]; ?>">
            <?php } ?> 
            <input type="hidden" name="count" value="<?php echo $_POST['count'] + 1; ?>">
        <?php } else { ?>  
            <input type="text" name="name0" value="">
            <input type="hidden" name="count" value="1">
        <?php } ?>
    <?php } ?> 
    <input type="submit" name="add" value="добавить">
</form>

@DyadyaGe · 16.01.2021, 22:00 **[ТС]**

Сообщение от fanatikus

<input type="text" name="<?php echo $n; ?>" value="<?php echo $_POST[$n]; ?>">

Почти. Только после первого пустого поля второе создается уже с предупреждением внутри текстового поля по типу:

PHP

1	<br /><b>Notice</b>: Undefined index: name1 in .... on line <b>6</b><br />

@fanatikus · 16.01.2021, 22:26

PHP/HTML

<form action="" method="post">
    <?php if (isset($_POST['add'])) { ?>
        <?php if (isset($_POST['count'])) { ?>
            <?php for ($i = 0; $i < $_POST['count']; $i++) { ?>  
                <?php $n = 'name' . $i; ?>
                <input type="text" name="<?php echo $n; ?>" value="<?php echo $_POST[$n]; ?>">
            <?php } ?> 
            <input type="text" name="name<?php echo $_POST['count']; ?>" value="">
            <input type="hidden" name="count" value="<?php echo $_POST['count'] + 1; ?>">
        <?php } else { ?>  
            <input type="text" name="name0" value="">
            <input type="hidden" name="count" value="1">
        <?php } ?>
    <?php } ?> 
    <input type="submit" name="add" value="добавить">
</form>

@DyadyaGe · 16.01.2021, 22:41 **[ТС]**

Сообщение от fanatikus

<?php $n = 'name' . $i; ?>

Буду пробовать перевести под свои нужды, чтоб был массив имен и столбец по два поля в строку.

@DyadyaGe · 17.01.2021, 11:28 **[ТС]**

Сообщение от fanatikus

<input type="text" name="<?php echo $n; ?>" value="<?php echo $_POST[$n]; ?>">

Чуток переделал под себя, без вашей подсказки не получалось:

PHP/HTML

<form action="" method="post">
  <div>
    <div class="inputs" >
<input type="text" name="name1[]" value=""/> <input type="text" name="name2[]" value=""/><br>
    <?php if (isset($_POST['add'])) { ?>
        <?php if (isset($_POST['count'])) { ?>
            <?php for ($i = 0; $i < $_POST['count']; $i++) { ?>  
                <input type="text" name="name1[]" value=""> <input type="text" name="name2[]" value=""><br>
            <?php } ?> 
            <input type="text" name="name1[]" value=""> <input type="text" name="name2[]" value="">
            <input type="hidden" name="count" value="<?php echo $_POST['count'] + 1; ?>">
        <?php } else { ?>  
            <input type="text" name="name1[]" value=""> <input type="text" name="name2[]" value="">
            <input type="hidden" name="count" value="1">
        <?php } ?>
    <?php } ?> 
<br>start from:  <input type="text" name="name3" value=""/><br><br>
    </div>
    <div class="submits">
       <input type="submit" name="add" value="Добавить" />
    </div>
  </div>
</form>

@fanatikus · 17.01.2021, 11:30

Сообщение от DyadyaGe

чтоб был массив имен

можно же добавлять неограничено
массив тоже будет бесконечный?

@DyadyaGe · 17.01.2021, 12:04 **[ТС]**

Сообщение от fanatikus

можно же добавлять неограничено
массив тоже будет бесконечный?

Ну да, может быть бесконечный - name1[]. А у вас получается каждый раз новое имя. Это ни хорошо, ни плохо. В одних ситуациях лучше, когда у всех отдельное имя, а иногда проще прогнать через перебор массива. Переделок-то минимум. Важно, что смысл вашего кода правильный. А у меня не получался. Думаю, если бы я более корректно поставил задачу, то и вы бы сделали именно под неё.

@fanatikus · 17.01.2021, 18:30

PHP/HTML

<form action="" method="post">
    <?php $c = 0; ?>
 
    <?php if(isset($_POST['name'])){ ?>
        <?php foreach($_POST['name'] as $k => $val){ ?> 
            <input type="text" name="name[<?php echo $k; ?>]" value="<?php echo $val; ?>">
            <?php $c = $k + 1; ?>
        <?php } ?>
    <?php } ?>
    <?php if(isset($_POST['add'])){ ?>
        <input type="text" name="name[<?php echo $c ; ?>]" value="">
    <?php } ?>
 
    <input type="submit" name="add" value="добавить">
</form>

Добавлено через 5 часов 56 минут

Сообщение от DyadyaGe

Чуток переделал под себя,

но, если заполнить уже созданные инпты и добавить еще, то все очистится. все инпуты будут пусты.
в моем примере, заполненные значения сохраняются.

@DyadyaGe · 19.01.2021, 00:50 **[ТС]**

Сообщение от fanatikus

в моем примере, заполненные значения сохраняются

Ваш пример очень хорош. Но я в него никак не могу добавить на тех же условиях второе поле (пару к первому, как в моих примерах и шапке). Вернее пока добился того, что если введены данные, то их запоминает, а если было пустым, то выдает предупреждение.

@fanatikus · 19.01.2021, 14:00

Сообщение от DyadyaGe

на тех же условиях второе поле (пару к первому,

PHP/HTML

<form action="" method="post">
    <?php $c = 0; ?>
 
    <?php if (isset($_POST['name'])) { ?>
        <?php foreach ($_POST['name'] as $k => $val) { ?> 
            <input type="text" name="name[<?php echo $k; ?>]" value="<?php echo $val; ?>">
            <input type="text" name="name1[<?php echo $k; ?>]" value="<?php echo $_POST['name1'][$k]; ?>">
            <?php $c = $k + 1; ?>
        <?php } ?>
    <?php } ?>
    <?php if (isset($_POST['add'])) { ?>
        <input type="text" name="name[<?php echo $c; ?>]" value="">
        <input type="text" name="name1[<?php echo $c; ?>]" value="">
    <?php } ?>
 
    <input type="submit" name="add" value="добавить">
</form>

Неограниченное добавление полей по нажатию кнопки без сохранения при обновлении

Решение

Решение

Решение

@DyadyaGe 18 / 13 / 6 Регистрация: 04.04.2019 Сообщений: 816
	16.01.2021, 17:15 [ТС]	3
	Сообщение от x_lab s ? За вариант спасибо, буду иметь ввиду. Но хотелось именно силами php. Самый простой способ без js - записывать добавленные строки в файл и потом из него считывать. Но вроде ж был способ обойти это. Пока что добавляет только один раз. И так сказать "калькулятор" не срабатывает в скрытом поле. 0

@DyadyaGe 18 / 13 / 6 Регистрация: 04.04.2019 Сообщений: 816
	16.01.2021, 22:41 [ТС]	7
	Сообщение от fanatikus <?php $n = 'name' . $i; ?> Буду пробовать перевести под свои нужды, чтоб был массив имен и столбец по два поля в строку. 0

@fanatikus 1931 / 1522 / 703 Регистрация: 17.11.2012 Сообщений: 6,585
	17.01.2021, 11:30	9
	Сообщение от DyadyaGe чтоб был массив имен можно же добавлять неограничено массив тоже будет бесконечный? 0

@DyadyaGe 18 / 13 / 6 Регистрация: 04.04.2019 Сообщений: 816
	17.01.2021, 12:04 [ТС]	10
	Сообщение от fanatikus можно же добавлять неограничено массив тоже будет бесконечный? Ну да, может быть бесконечный - name1[]. А у вас получается каждый раз новое имя. Это ни хорошо, ни плохо. В одних ситуациях лучше, когда у всех отдельное имя, а иногда проще прогнать через перебор массива. Переделок-то минимум. Важно, что смысл вашего кода правильный. А у меня не получался. Думаю, если бы я более корректно поставил задачу, то и вы бы сделали именно под неё. 0

@DyadyaGe 18 / 13 / 6 Регистрация: 04.04.2019 Сообщений: 816
	19.01.2021, 00:50 [ТС]	12
	Сообщение от fanatikus в моем примере, заполненные значения сохраняются Ваш пример очень хорош. Но я в него никак не могу добавить на тех же условиях второе поле (пару к первому, как в моих примерах и шапке). Вернее пока добился того, что если введены данные, то их запоминает, а если было пустым, то выдает предупреждение. 0

	19.01.2021, 14:00