Olá pessoal.
Bom Dia!
Tenho o seguinte JS que cria inputs com o clique do rato. Porem, como os inputs são criados dentro de uma div, quando exibo o código fonte não aparecem os inputs no form.
Existe uma forma de eu saber os ids do formulario com Javascript?
Eis o código que cria os inputs:
Código (Javascript):
Bom Dia!
Tenho o seguinte JS que cria inputs com o clique do rato. Porem, como os inputs são criados dentro de uma div, quando exibo o código fonte não aparecem os inputs no form.
Existe uma forma de eu saber os ids do formulario com Javascript?
Eis o código que cria os inputs:
Código (Javascript):
// Javascript Document
var numero = 0;
//add caixa de texto
function add_text(){
//pega a div
var DivText = document.getElementById('text');
//cria uma nova div
var DivNovaText = document.createElement('div');
//altera o nome da div
DivNovaText.setAttribute("id","DivText"+numero);
//coloca no innerHTML da nova div o código html necessário
DivNovaText.innerHTML = '<input type=text id=t['+numero+'] name=t['+numero+']><input type=button value=Excluir onclick=deltext(\'DivText'+numero+'\')>';
//adiciona a nova div como filha da divtext
DivText.appendChild(DivNovaText);
//coloca o cursor na text criada
document.getElementById('t['+numero+']').focus();
//incrementa
numero++;
}
//exclui caixa de texto
function deltext(div){
var d = document.getElementById('text');
var olddiv = document.getElementById(div);
//remove a div
d.removeChild(olddiv);
}
window.onload = function(){
add_text();//cria um campo inicialmente
document.getElementById('add').onclick = function(){//quando clicar no botão
add_text();//cria com click do botão
}
}
var numero = 0;
//add caixa de texto
function add_text(){
//pega a div
var DivText = document.getElementById('text');
//cria uma nova div
var DivNovaText = document.createElement('div');
//altera o nome da div
DivNovaText.setAttribute("id","DivText"+numero);
//coloca no innerHTML da nova div o código html necessário
DivNovaText.innerHTML = '<input type=text id=t['+numero+'] name=t['+numero+']><input type=button value=Excluir onclick=deltext(\'DivText'+numero+'\')>';
//adiciona a nova div como filha da divtext
DivText.appendChild(DivNovaText);
//coloca o cursor na text criada
document.getElementById('t['+numero+']').focus();
//incrementa
numero++;
}
//exclui caixa de texto
function deltext(div){
var d = document.getElementById('text');
var olddiv = document.getElementById(div);
//remove a div
d.removeChild(olddiv);
}
window.onload = function(){
add_text();//cria um campo inicialmente
document.getElementById('add').onclick = function(){//quando clicar no botão
add_text();//cria com click do botão
}
}