Ajuda com Javascript - recuperar valores gerados por loops

05/11/2018

Ol� muito bom dia a todos, sou principiante com javascript se meu c�digo estiver errado me corrijam por favor. Minha d�vida � o seguinte estou fazendo um sistema web que a pessoa escolhe atrav�s de um combobox a quantidade de campos que ela ira gerar, cujo campos s�o para a inser��o de textos at� aqui consegui fazer funcionar normalmente (n�o sei se fiz da forma correta, por�m esta funcionando) minha d�vida � saber como posso pegar os textos que foram inseridos em cada textbox, sendo que os campos foram gerados por meio de um loop (for). Segue o c�digo (javascript):

function gerar()

{
	var qntMaquinas = document.getElementById("qntdm").options[document.getElementById("qntdm").selectedIndex].text;
	var nodeElement = document.getElementById(''gerarM'');

	for (var i = 0; i < qntMaquinas-1; i++) {
	     
		var clone = nodeElement.cloneNode(true); 
		var campo =  document.body.appendChild(clone)[i];
	}

                        
}

function limpar()

{
	window.location.reload()
                        
}

Claudio J�nior

Curtir t�pico + 0

Responder

Posts

28/02/2019

Angelo Rubin

Ol�,

Voc� pode fazer desta forma:
OBS: Estou simulando como se j� estivesse com os inputs adicionados ao DOM.

HTML

<input value="value 1"/><br/><br/>
<input value="value 2"/><br/><br/>
<input value="value 3"/><br/><br/>
<input value="value 4"/><br/><br/>
<button>getInputValues</button>

const inputs = document.querySelectorAll('input')
const btn = document.querySelector('button')

const getInputValues = inputs => {
	let values = []
	for(input of inputs){
		values.push(input.value)
	}
	return values
}

btn.addEventListener('click', () => {
	console.log(getInputValues(inputs))
})

Console

["value 1", "value 2", "", "value 4"]

Veja um exemplo funcionando aqui - https://codepen.io/angelorubin/pen/eXprNr?editors=0011

Responder

Gostei + 0

28/02/2019

Angelo Rubin

Ol�,

Voc� pode fazer desta forma:
OBS: Estou simulando como se j� estivesse com os inputs adicionados ao DOM.

HTML

<input value="value 1"/><br/><br/>
<input value="value 2"/><br/><br/>
<input value="value 3"/><br/><br/>
<input value="value 4"/><br/><br/>
<button>getInputValues</button>

const inputs = document.querySelectorAll('input')
const btn = document.querySelector('button')

const getInputValues = inputs => {
	let values = []
	for(input of inputs){
		values.push(input.value)
	}
	return values
}

btn.addEventListener('click', () => {
	console.log(getInputValues(inputs))
})

Console

["value 1", "value 2", "value 3", "value 4"]

Veja um exemplo funcionando aqui - https://codepen.io/angelorubin/pen/eXprNr?editors=0011

Responder

Gostei + 0