Estimados, junto con saludar y agradecer la gran 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>
Sino alguna forma de realizar la misma acción, con jquery u otro elemento, :D