0

Tenho um formulário HTML, campos de input normais, botão de submit... Através de uma função JS, adiciono à uma DIV (com innerHTML), campos input adicionais.

var div = document.getElementById('produtos-adicionados');
div.innerHTML = '<input type='text' class='form-control' name='item' id='item' required='' />';

Quando der o submit no formulário, não consigo acessar esse novo input de name item, obviamente.

De que forma conseguiria enviar o formulário e obter o value do input no php? Além de, ao enviar o formulário, conseguir obter também os valores dos demais inputs, que estão no formulário mas não estão no innerHTML.

6
  • 1
    Todos inputs adicionais usam o name=item, de forma repetida?
    – Syzoth
    Commented 26/07/2018 às 18:45
  • 1
    esse comando div.innerHTML = '...' funciona com todas essas aspas simples? Commented 26/07/2018 às 18:46
  • Os names dos inputs gero dinâmicamente e com um contador vou incrementando. Exemplo: primeiro input terá o seguinte name: item0. O seguinte, se chamará item1, e assim sucessivamente. Mesma coisa para outros, onde tenho: quantidade0, quantidade1, etc... Commented 26/07/2018 às 18:48
  • div.innerHTML funciona com as aspas simples por que o comando uso com aspas duplas. Ex: div.innerHTML = "<input type='text' />" Commented 26/07/2018 às 18:49
  • O elemento de id="produtos-adicionados" está dentro do <form></form>? Commented 26/07/2018 às 19:09

1 Resposta 1

-1

Atente:

  1. uso de aspas em volta do html
  2. atributo required não necessita de atribuir valor

Atualização:

Usando o jQuery para mostrar que o input adicionado fazer parte do form.

var div = document.getElementById('produtos-adicionados');
div.innerHTML = "Apelido: <input type='text' class='form-control' name='item' id='item' required />"

$('#myform').submit(function(e) {
  e.preventDefault()
  alert(JSON.stringify(($('#myform').serializeArray())))
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<form id="myform" action="/action_page.php">
  Nome: <input type="text" name="nome" required>
  <div id="produtos-adicionados"> substituir conteúdo</div>

  <input type="submit">
</form>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .