If I put the variable contador
out of function
, the return on alert is undefined
. But if I put it inside function
, it returns the correct value but does not increase. What am I doing wrong?
var qtdeCampos = 0;
var contador = 0;
function addCampos() {
var validacampo = $('#campo'+contador).val();
alert(validacampo);
var elem = document.getElementById("produto");
var prod = elem.options[elem.options.selectedIndex];
var elem2 = document.getElementById("versao");
var versao = elem2.options[elem2.options.selectedIndex];
var prodversao = prod.text+" | "+versao.text;
if (validacampo == prodversao){
alert("Não é possivel adicionar produto repetido");
}else{
var objPai = document.getElementById("campoPai");
//Criando o elemento DIV;
var objFilho = document.createElement("div");
//Definindo atributos ao objFilho:
objFilho.setAttribute("id","filho"+qtdeCampos);
//Inserindo o elemento no pai:
objPai.appendChild(objFilho);
//Escrevendo algo no filho recém-criado:
document.getElementById("filho"+qtdeCampos).innerHTML = "<input readonly type='text' class='prod' id='campo"+qtdeCampos+"' name='campo[]' value='"+prodversao+"'> <input type='button' onclick='removerCampo("+qtdeCampos+")' value='X'>";
qtdeCampos++;
contador++;
document.getElementById("cont").value = qtdeCampos;
}
}
function removerCampo(id) {
var objPai = document.getElementById("campoPai");
var objFilho = document.getElementById("filho"+id);
//Removendo o DIV com id específico do nó-pai:
var removido = objPai.removeChild(objFilho);
}