0

В форме 3 одинаковых input

<form method="POST" id="formx" action="javascript:void(null);" onsubmit="send()">
   <input id="name" name="name" value="" type="text">
   <input id="text" name="text" value="" type="text">
      <div class="input-holder">
          <input id="pole" type="text" name="rol">
          <input id="pole" type="text" name="rol">
          <input id="pole" type="text" name="rol">
      </div>
    <input value="Отправить" type="submit"> 
</form>

Отправляю форму через ajax

function send() {
  var msg   = $('#formx').serialize();
    $.ajax({
      type: 'POST',
      url: 'send.php',
      data: msg,  
        success: function(data) {
            $('#results').html(data);
         },
      error:  function(xhr, str){
    alert('Возникла ошибка: ' + xhr.responseCode);
      }
    });

}

Отправляется корректно, send.php принимает файл но параметр role последний введеный, как упаковать в массив все 3 шт <input id="pole" type="text" name="rol"> и предать массивом через ajax ?

6
  • <input id="pole" type="text" name="rol[]">
    – Alpha
    14 фев 2020 в 11:03
  • Благодарю !!!!! 14 фев 2020 в 11:12
  • @Федотов, идентификаторы не могут повторяться. Это семантическая ошибка. Сделайте так, чтобы у ваших инпутов не повторялись id.
    – Quazimorda
    14 фев 2020 в 11:42
  • Ответ от Alpha правильный, все работает с одинаковыми id, создается массив 14 фев 2020 в 12:08
  • 2
    Федотов, при этом у вас дальнейшие скрипты будут спотыкаться и будут проблемы со взаимодействием элементов. Если надо использовать идентификатор много раз, замените его на класс. Есть стандарты - id для одного элемента, class - для множества. Иначе через неделю вы приедете сюда с массивным кодом и вопросом а-ля "почему отрисовывает лишний инпут и откуда он взялся" 14 фев 2020 в 20:49

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Посмотрите другие вопросы с метками или задайте свой вопрос.