Создать пользовательское количество входов для веб-сайта

0

Я пытаюсь сделать веб-сайт, который принимает несколько входных данных, исходя из того, сколько пользователь хочет ввести. Допустим, они хотят ввести 4 адреса. Я хочу иметь возможность обрабатывать этот ввод, но также, если они запрашивают 10 входов без необходимости создавать страницы для каждого экземпляра. Я новичок в программировании, поэтому любое понимание было бы замечательным. Кроме того, я увидел несколько примеров веб-сайта, которые, я считаю, используют javascript для ввода ввода, создания большего количества полей и обработки данных без необходимости переключения страниц. Как я мог бы реализовать такую вещь, и должен ли я поменять источники данных из php в любом случае, если бы я это сделал? Благодарю!

Теги:
website

2 ответа

1
Лучший ответ

С помощью jQuery

index.html

    <!DOCTYPE html>
    <html class="no-js" lang="en">
      <head>
          <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
          <script>
            $(function(){
                var c = 0;

                $("#button1").click(function(){
                  c = $("#inputs").val();

                  $("#mydiv").html("");

                  for(i=0;i<c;i++){
                        $("#mydiv").append('<input type="text" id="data'+i+'" name="data'+i+'" /><br/>');
                  }
                });

                $("#button2").click(function(){
                    $.post("file.php",$("#form1").serialize(),function(data){
                        alert(data);
                    });
                });

            });
          </script>
        </head>
        <body>
        <form id="form1">
          Type the number of inputs:
          <input type="text" id="inputs" name="inputs" />
          <input type="button" id="button1" value="Create" />
          <div id="mydiv"></div>
          <input type="button" id ="button2" value="Send" />
        </form>

        </body>
    </html>

Если вам нужно обработать новые входы с помощью PHP:

file.php

    <?php
      for( $i=0; $i<$_POST["inputs"] ; $i++){
        echo $_POST["data".$i]."\n";
      }
    ?>
Поделиться
1

Я думаю, вы ищете это

http://viralpatel.net/blogs/dynamic-add-textbox-input-button-radio-element-html-javascript/

Поделиться
  • 0
    Не обязательно. Допустим, у меня есть только одно текстовое поле с кнопкой отправки. Они вводят первый вход, затем нажимают «отправить». Веб-страница сохраняет этот ввод, затем очищает поле, позволяя им вводить другое, если они того пожелают. Если они в конце концов решат, что их достаточно, у меня будет еще одна кнопка, которая передает все данные, которые они ввели в вызов PHP, чтобы получить результаты из карт Google. Я надеюсь, что это помогает, но любая помощь будет отличной! Спасибо!
  • 0
    Затем вы можете сделать что-то вроде: Как только они закончили с вводом, передайте эти входные данные для дальнейшей обработки. Как только вы закончите с дальнейшей обработкой, вы уничтожите эти переменные сеанса.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню