Comunidad de diseño web y desarrollo en internet online

Actualización de meses en select - ayuda

Citar            
MensajeEscrito el 25 Jul 2012 04:55 pm
Estimados, junto con saludar y agradecer la ayuda que dan en este foro... solicito su ayuda a resolver un asunto...

ocurre que mediante una imagen/boton, llamo a una funcion javascript que agrega 2 textbox, un select y una imagen/boton de borrado de estas mismas, por fila, lo que ocurre es que el select contiene 3 opciones, 3 dias asignados directamente, el mes siguiente al actual y el año correspondiente, al ir agregando filas no hay problema, pero al eliminar y agregar una nueva es donde fallo porque el mes que muestra es el siguiente y no el mismo borrado... me explico con un ejemplo:

Desde ya muchas gracias

al agregar...
fila 1:
select: 05/08/2012
15/08/2012
25/08/2012
fila 2:
select: 05/09/2012
15/09/2012
25/09/2012

al eliminar...
fila 1:
select: 05/08/2012
15/08/2012
25/08/2012

al agregar nuevamente...
fila 1:
select: 05/08/2012
15/08/2012
25/08/2012
fila 2:
select: 05/10/2012
15/10/2012
25/10/2012

quedando asi...
fila 1:
select: 05/08/2012
15/08/2012
25/08/2012
fila 2:
select: 05/10/2012
15/10/2012
25/10/2012

adjunto el codigo de la pagina de prueba

Código :

<html>
    <head>
         <script type="text/javascript" src="jquery-1.7.2.js"></script>
    </head>
    <body>
   <img src="img/add.png" title="Agregar" id="agregarCh" onClick="agregarCheque()"/>
<table width="450px" cellpadding="0" cellspacing="0" id="detalle" class="detCh">

</table>
        
               
    </body>
<script lenguage="javascript">
var me = "";
var posicionCampo = 0;
var x = 0;
var FechaActual = new Date();
var m = parseInt(FechaActual.getMonth()) + 2;
var ano = FechaActual.getFullYear();

function agregarCheque(){
 
    for(x; x<=posicionCampo ;x++){
        if(m>12){
            m=1;
            ano++;
        }
        if(m<10){
                me = "0"+m;
                ano;
        }else{
                me = m
                ano;
        }
        m++;
    }
      
    nuevaFila = document.getElementById("detalle").insertRow(-1);
    nuevaFila.id=posicionCampo;
   
  /*  ++nCuota;
    nuevaCelda=nuevaFila.insertCell(-1);
    nuevaCelda.innerHTML="<td><input type='hidden' name='"+nuevaFila.id+"' id='"+nuevaFila.id+"'></td>";
  */
    nuevaCelda=nuevaFila.insertCell(-1);
    nuevaCelda.innerHTML="<td><center><input type='text' width=25 name='ncheque"+nuevaFila.id+"' id='ncheque"+nuevaFila.id+"' class='ncheques' ></center></td>";

    nuevaCelda=nuevaFila.insertCell(-1);
    nuevaCelda.innerHTML="<td><center>$<input type='text' size='10' name='importe"+nuevaFila.id+"' id='importe"+nuevaFila.id+"' class='nimportes'></center></td>";
    
    nuevaCelda=nuevaFila.insertCell(-1);
    nuevaCelda.innerHTML="<td><center><select name='fec1"+nuevaFila.id+"' id='fec1' class='select_fecha'><OPTION VALUE='05/"+me+"/"+ano+"'>05/"+me+"/"+ano+"</OPTION><OPTION VALUE='15/"+me+"/"+ano+"'>15/"+me+"/"+ano+"</OPTION><OPTION VALUE='25/"+me+"/"+ano+"'>25/"+me+"/"+ano+"</OPTION></select></center></td>";
        
    nuevaCelda=nuevaFila.insertCell(-1);
    nuevaCelda.innerHTML="<td><a href='#' onclick='eliminarCheque(this)'><img src='img/del.png' title='Eliminar' class='delCols'/></a></td>";
    
    posicionCampo++;
    //contador++;
    //<input type='button' value='Eliminar' onclick='eliminarCheque(this)'>
    
 
}

function eliminarCheque(obj){
    
    var oTr = obj;
    while(oTr.nodeName.toLowerCase()!='tr'){
    oTr=oTr.parentNode;

    }
    var root = oTr.parentNode;
    root.removeChild(oTr);
    
}
</script>

Por JanoxOne

1 de clabLevel



 

firefox
Citar            
MensajeEscrito el 30 Jul 2012 09:03 pm
Hola prodias ser más especifico? es que no se le entiende a tu problema, ni siquiera me dije en el codigo por que desde antes quede confundido :(

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

firefox
Citar            
MensajeEscrito el 02 Ago 2012 09:20 pm

elporfirio escribió:

Hola prodias ser más especifico? es que no se le entiende a tu problema, ni siquiera me dije en el codigo por que desde antes quede confundido :(


Hola, lo que ocurre es que al eliminar una fila mediante javascript y agregar una nueva, los meses en el select option se salta el mes eliminado y no lo vuelve a imprimir, si no que continua mostrando los meses siguientes...

ejemplo...

agrego una fila e imprime el 9, agrego otra fila e imprime el 10.
elimino la fila del 10
y agrego otra fila e imprime 11 y debería imprimir 10.

Entonces no sigue la continuidad de los números de mes.

Saludos

Por JanoxOne

1 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.