Agregar select a tabla html
Publicado por Emiliano (9 intervenciones) el 08/09/2015 21:30:33
Hola como estan, tendrian la amabilidad de darme su punto de vista o algùn link del tema planteado y su detalle:
Tengo una tabla htm, la cual agrego una nueva fila de la siguiente manera:
Se agrega normalmente la nueva linea.
Pero el problema se presenta al llenar el select las dos primeras filas se llenan con su respectiva lista, pero luego desde la tercera en adelante estan vacias.
La cantidad o el limite del for para la lista se la obtiene de una caja de texto, todo normal.
Gracias por su tiempo y sugerencias...
Tengo una tabla htm, la cual agrego una nueva fila de la siguiente manera:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
var id_elementos=1,id_selec=0,suma=0,re=0;
function fn_agregar(){
if(document.getElementById("nombre").value!="" || document.getElementById("precio").value!="" || document.getElementById("cantidad").value!="" ){
fn_quitar_lineas();
fn_comprobar_duplicados();
if(repetido!=1){
var nombre=document.forms["frm_venta"].nombre.value;
var precio=document.forms["frm_venta"].precio.value;
var cantidad=document.forms["frm_venta"].cantidad.value;
var preciot=parseFloat(1*precio).toFixed(2);
cadena = "<tr>";
cadena=cadena + "<td width='20px;'>" + "<select id='select_venta["+id_elementos+"]' name='select_venta["+id_elementos+"]' class='txtcantidad_tabla_venta' onchange='pasar_valor(this.value)'>"+"<option selected value='1'>1</option>"+"<select/>"+"</td>";
cadena=cadena + "<td width='20px;'>" + "<input type='text' id='cantida_venta["+id_elementos+"]' name='cantida_venta["+id_elementos+"]' class='txtcantidad_tabla_venta' value='"+1+"'/>" +"</td>";
$("#tablas_venta tbody").append(cadena);
/////////////////////Aquì cargo el selec creado anteriormente/////////////////////////////////////
selector = document.getElementById("select_venta["+id_elementos+"]");
var li=document.forms["frm_venta"].cantidad.value;
for ( i = 1; i <= cantidad ; i++)
{selector.options[i] = new Option(i,i);
}////////////////////////////////////////////////////////////////////////////////////
document.getElementById('div_btn_agregar').style.display='none';
fn_dar_eliminar();
fn_cantidad();
fn_sumar();
id_elementos++;
}else{
document.getElementById('div_btn_agregar').style.display='none';
alert("AVISO!! El producto ya esta en la lista de ventas");
}}else{
alert("Antes de agregar debe buscar un producto disponible en el stock");
document.getElementById('div_btn_agregar').style.display='none';
} }Se agrega normalmente la nueva linea.
Pero el problema se presenta al llenar el select las dos primeras filas se llenan con su respectiva lista, pero luego desde la tercera en adelante estan vacias.
1
2
3
4
5
6
7
8
selector = document.getElementById("select_venta["+id_elementos+"]");
var li=document.forms["frm_venta"].cantidad.value;
for ( i = 1; i <= cantidad ; i++)
{selector.options[i] = new Option(i,i);
}La cantidad o el limite del for para la lista se la obtiene de una caja de texto, todo normal.
Gracias por su tiempo y sugerencias...
Valora esta pregunta
0
, lo modifique con su etiqueta de cierre normal y esta funcionando bien..