Как создать многозначное текстовое поле ввода с помощью javascript?

Question

Я хочу создать поле ввода, как показано ниже, используя скрипт java. Пожалуйста, предоставьте мне подходящее решение.

  <input type="text" name="package_location[]" class="form-control" >

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

var parinput=document.createElement('input'); 
 
      
 
       parinput.type="text"; 
 
parinput.name="package_location[]";

Answer 1

вы можете создать элемент ввода, но вы должны добавить в тело с помощью Jquery

var parinput=document.createElement('input'); 
    $(parinput).attr("type","text"); 
$(parinput).attr("name","package_location[]"); 

$('body').append(parinput) 

Answer 2

Мой код Java скрипт верно только в том, что я создал ошибка имя поля ввода, например package_location []. И получить его как Package_location разницу в капитале P и маленьком p, который является полученным.

Answer 3

Проблема с вашим кодом заключается в том, что вы забыли добавить этот элемент в DOM. Использование чистого JavaScript, просто использовать элемент, который вы сделали, и приложить его к телу:

var parinput = document.createElement('input'); //Create element 
parinput.type = "text"; //Add attribute "text" 
parinput.name = "package_location[]"; //Add attribute "name" 
document.getElementsByTagName("body")[0].appendChild(parinput) //Append to the first body element found 

Это решение работает без JQuery.