Problemas para pasar variable javascript a input

[warbandit69]

Hola foreros, gracias por leer mi post, he realizado un formulario usando php y javascript, y tengo una parte dinamica donde genero con un boton unos input, pongo el codigo a continuacion:

Código:

num=0;
// Funcion para crear lineas de objetos
function crear(obj) {
  num++;
  fi = document.getElementById('fiel'); // 1
  contenedor = document.createElement('div'); // 2
  contenedor.id = 'div'+num; // 3
  fi.appendChild(contenedor); // 4
  
  ele = document.createElement('input'); // 5
  ele.type = 'text'; // 6
  ele.name = 'cantidad'+num; // 6
  ele.id = 'cantidad'+num; // 6
  ele.className = "cantidades";
  contenedor.appendChild(ele); // 7
  
  ele = document.createElement('input'); // 5
  ele.type = 'text'; // 6
  ele.name = 'material'+num; // 6
  ele.id = 'material'+num; // 6
  ele.className = "materiales";
  contenedor.appendChild(ele); // 7
  
  ele = document.createElement('input'); // 5
  ele.type = 'text'; // 6
  ele.name = 'nota'+num; // 6
  ele.id = 'nota'+num; // 6
  ele.className = "notasentrega";
  contenedor.appendChild(ele); // 7
  
  ele = document.createElement('input'); // 5
  ele.type = 'button'; // 6
  ele.value = '-'; // 8
  ele.name = 'div'+num; // 8
  ele.onclick = function () {borrar(this.name)} // 9
  contenedor.appendChild(ele); // 7
  
  document.form1.camposmateriales.value=num;
}

function borrar(obj) {
  fi = document.getElementById('fiel'); // 1 
  fi.removeChild(document.getElementById(obj)); // 10
  num=num-1;
}

Cuando capruro el valor con php con esta linea:

Código:

 document.form1.camposmateriales.value=num;

Pero a la hora de capturar el valor con el formulario, este llega vacio.

[jackson666]

Pusiste un alert del "num" a ver si no esta vacio?? probaste usando getElementById para el formulario??

No entiendo a que te referis con "Cuando capturo el valor con php con esta linea" q php??? usas ajax a caso??

[warbandit69]

cuando capturo el valor del formulario con $_POST['camposmateriales'] en php esta me llega vacia.

Si puse un alert y la variable num si se modifica, mas no pareciese agregarse al elemento del formulario que yo deseo.

[jackson666]

Y porque mejor no haces asi:
Al input ponele un id="camposmateriales" y lo levantas por el id, que es unico =)

Y ahi si haces document.getElementById("camposmateriales").value= num;

A ver si sirve

[warbandit69]

Ya lo logre amigo, gracias por tu ayuda, coloco el codigo para que aprecien los cambios que hice:

Código:

var num=0;
// Funcion para crear lineas de objetos
function crear(obj) {
  num++;
  fi = document.getElementById('fiel'); // 1
  contenedor = document.createElement('div'); // 2
  contenedor.id = 'div'+num; // 3
  fi.appendChild(contenedor); // 4
  
  ele = document.createElement('input'); // 5
  ele.type = 'text'; // 6
  ele.name = 'cantidad'+num; // 6
  ele.id = 'cantidad'+num; // 6
  ele.className = "cantidades";
  contenedor.appendChild(ele); // 7
  
  ele = document.createElement('input'); // 5
  ele.type = 'text'; // 6
  ele.name = 'material'+num; // 6
  ele.id = 'material'+num; // 6
  ele.className = "materiales";
  contenedor.appendChild(ele); // 7
  
  ele = document.createElement('input'); // 5
  ele.type = 'text'; // 6
  ele.name = 'nota'+num; // 6
  ele.id = 'nota'+num; // 6
  ele.className = "notasentrega";
  contenedor.appendChild(ele); // 7
  
  ele = document.createElement('input'); // 5
  ele.type = 'button'; // 6
  ele.value = '-'; // 8
  ele.name = 'div'+num; // 8
  ele.onclick = function () {borrar(this.name)} // 9
  contenedor.appendChild(ele); // 7
  //alert(num);
  var elemento = document.getElementById('camposmateriales');
  elemento.value= num; 
}

function borrar(obj) {
  fi = document.getElementById('fiel'); // 1 
  fi.removeChild(document.getElementById(obj)); // 10
  num=num-1;
  //alert(num);
  var elemento = document.getElementById('camposmateriales');
  elemento.value= num; 
}

[jackson666]

De nada, gracias por el karma =)

[kadet]

Iniciado por warbandit69

Ya lo logre amigo, gracias por tu ayuda, coloco el codigo para que aprecien los cambios que hice:

Código:

var num=0;
// Funcion para crear lineas de objetos
function crear(obj) {
  num++;
  fi = document.getElementById('fiel'); // 1
  contenedor = document.createElement('div'); // 2
  contenedor.id = 'div'+num; // 3
  fi.appendChild(contenedor); // 4
  
  ele = document.createElement('input'); // 5
  ele.type = 'text'; // 6
  ele.name = 'cantidad'+num; // 6
  ele.id = 'cantidad'+num; // 6
  ele.className = "cantidades";
  contenedor.appendChild(ele); // 7
  
  ele = document.createElement('input'); // 5
  ele.type = 'text'; // 6
  ele.name = 'material'+num; // 6
  ele.id = 'material'+num; // 6
  ele.className = "materiales";
  contenedor.appendChild(ele); // 7
  
  ele = document.createElement('input'); // 5
  ele.type = 'text'; // 6
  ele.name = 'nota'+num; // 6
  ele.id = 'nota'+num; // 6
  ele.className = "notasentrega";
  contenedor.appendChild(ele); // 7
  
  ele = document.createElement('input'); // 5
  ele.type = 'button'; // 6
  ele.value = '-'; // 8
  ele.name = 'div'+num; // 8
  ele.onclick = function () {borrar(this.name)} // 9
  contenedor.appendChild(ele); // 7
  //alert(num);
  var elemento = document.getElementById('camposmateriales');
  elemento.value= num; 
}

function borrar(obj) {
  fi = document.getElementById('fiel'); // 1 
  fi.removeChild(document.getElementById(obj)); // 10
  num=num-1;
  //alert(num);
  var elemento = document.getElementById('camposmateriales');
  elemento.value= num; 
}

Estoy intentando hacer lo mismo con un <select y me lo coloca, el problema está en como poner los options, se te ocurre alguna cosa? Gracias