Я не могу захватить данные из нескольких форм, которые я делаю, используя jquery

0

У меня есть этот код здесь, и я не могу понять, что я делаю неправильно.

http://jsfiddle.net/m9hT6/

Я не могу заставить "удалить" ссылку работать, а главное, когда я отправляю ее с "post" на другую страницу для обработки с помощью php, я не могу записывать данные в переменную из последовательных форм Im, создающих.

<html>
  <head>
    <style media="screen" type="text/css">

      * { font-family:Arial; }
      h2 { padding:0 0 5px 5px; }
      h2 a { color: #224f99; }
      a { color:#999; text-decoration: none; }
      a:hover { color:#802727; }
      p { padding:0 0 5px 0; }

      input { padding:5px; border:1px solid #999; border-radius:4px; -moz-border-radius:4px; -web-kit-border-radius:4px; -khtml-border-radius:4px; }
    </style>

    <title>test</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript">

    </script>
  </head>
  <body>


    <script>
      $(function() {
        var scntDiv = $('#p_scents');
        var i = $('#p_scents p').size() + 1;

        $('#addScnt').live('click', function() {
          $('<label for="ticketCantidad"><input type="text" id="ticketCantidad" size="20" name="ticketCantidad' + i + '" value="" placeholder="Valor de Tickets" /></label> <a href="#" id="remScnt">Remove</a>').appendTo(scntDiv);
          i++;
          $('<label for="ticketValue"><input type="text" id="ticketValue" size="20" name="ticketValue' + i + '" value="" placeholder="Cantidad de Tickets" /></label> <a href="#" id="remScnt">Remove</a><p></p>').appendTo(scntDiv);
          i++;
          return false;
        });

        $('#remScnt').live('click', function() {
          if (i > 2) {
            $(this).parents('p').remove();
            i--;
          }
          return false;
        });
      });

    </script>
    <form action="testProces.php" method="POST" name="testForm">


      <h1>Ticket Restaurante</h1> 
      <h2><a href="#" id="addScnt">Otro formulario</a></h2>

      <div id="p_scents">
        <p>

        </p>
      </div>

      <h1>Cheque Gourmet</h1> 
      <input name="submit" type="submit">
    </form>

  </body>
</html>
  • 0
    Итак, как выглядит PHP для обработки форм?
  • 0
    На данный момент ничего, только некоторые команды $ _POST, но я думаю, что JAL получил это.
Теги:

1 ответ

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

Что касается ссылки удаления,

$('#remScnt').live('click', function() {
      if (i > 2) {
        $(this).parents('p').remove();
        i--;
      }

пара вопросов.

Один, jquery не имеет функции.parents() - элементы имеют только один родительский, поэтому его родитель.

Затем на странице может быть только один элемент заданного идентификатора. Вы указали несколько элементов ID 'remScnt'. Измените его на класс.

Затем вам не нужно "p" в вызове parent(). Пытаться

    $(this).parent().remove();
Поделиться
  • 0
    вот скрипка с удалением работает лучше ... jsfiddle.net/m9hT6/4
  • 0
    Спасибо, вещь «удалить» работала как талисман, но я все еще не могу записать данные из формы в переменную на следующей странице. До сих пор мне удается захватить с первого "ticketValue", но не с любого другого последовательного.
Показать ещё 1 комментарий

Ещё вопросы

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