Posibilidad de reutilizar unas funciones.

[Panicav]

Desde ya gracias por el tiempo dedicado a leer esto, en fin...

Tengo una funcion (son varias ne realidad) que realizan la actividad de completar de forma automatica unos campos "Select" de formulario con los días según el mes, osea click en enero y en el selecto delimita los díasa 31 etc.

Funciona a la perfección, al código lo e rescatado del foro, lo acondicione minimamente para que me sea util pero hay algo que no puedo lograr.

Tengo la necesidad que esta funcion se aplique en varios campos, pero solo se me aplica sobre el primer grupo de campos que aparece y el resto no, es posible realizar dicha acción?

les dejo mi código.

Código Javascript:

<script>
        function esBisiesto(year) {
            return (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) ? true : false; 
            } 
        function limpiaSelect(elSelect) {
            while( elSelect.hasChildNodes() ) elSelect.removeChild( elSelect.firstChild );
            } 
        function aniadeOpcion(elSelect, texto, valor) {
            var laOpcion=document.createElement("OPTION");
            laOpcion.appendChild( document.createTextNode(texto) );
            laOpcion.setAttribute("value",valor);
            elSelect.appendChild(laOpcion);
            }
        function rellenar_ano(elSelect) {
            for(var a=2014;a>=2010;a--)
            aniadeOpcion(elSelect, a.toString(), a.toString() );
            }
        var meses=["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"];
        var meses_n=["01","02","03","04","05","06","07","08","09","10","11","12"];
        function rellenar_mes(elSelect) {
            for(var a=0;a<meses.length;a++)
            aniadeOpcion(elSelect, meses[a], meses_n[a] );
            }
        function rellenar_dia(elSelect, ano, mes ) {
            var ultimo_dia;
             // febrero
             if(mes==2)
             ultimo_dia=esBisiesto(ano)?29:28;
              // acaban en 31
              else if( mes==1 || mes==3 || mes==5 || mes==7 || mes==8 || mes==10 || mes==12)
              ultimo_dia=31;
               else
               ultimo_dia=30;
               for(var a=1; a<=ultimo_dia; a++) {
                aniadeOpcion(elSelect, a, a);
            }}
</script>
 

Código HTML:

<select name="ano" id="ano" onchange="actualizar()"></select>
        <select name="mes" id="mes" onchange="actualizar()"></select>
        <select name="dia" id="dia"> </select>
 

Código Javascript:

<script>
var ano=document.getElementById("ano");
var mes=document.getElementById("mes");
var dia=document.getElementById("dia");
rellenar_ano(ano);
rellenar_mes(mes);
rellenar_dia(dia,2016,0);
function actualizar() {
    limpiaSelect(dia);
    rellenar_dia(dia, ano.options[ano.options.selectedIndex].value, mes.options[mes.options.selectedIndex].value );
} 
</script>
 

Bien lo que yo necesito es poder tener varios campos dentro de otros formularios y que la función se aplique a las mismas de manera correcta, ejemplo:

Código HTML:

<form>
        <select name="ano" id="ano" onchange="actualizar()"></select>
        <select name="mes" id="mes" onchange="actualizar()"></select>
        <select name="dia" id="dia"> </select>
<script>
var ano=document.getElementById("ano");
var mes=document.getElementById("mes");
var dia=document.getElementById("dia");
rellenar_ano(ano);
rellenar_mes(mes);
rellenar_dia(dia,2016,0);
function actualizar() {
    limpiaSelect(dia);
    rellenar_dia(dia, ano.options[ano.options.selectedIndex].value, mes.options[mes.options.selectedIndex].value );
} 
</script>
</form>
 
<form>
        <select name="ano" id="ano" onchange="actualizar()"></select>
        <select name="mes" id="mes" onchange="actualizar()"></select>
        <select name="dia" id="dia"> </select>
<script>
var ano=document.getElementById("ano");
var mes=document.getElementById("mes");
var dia=document.getElementById("dia");
rellenar_ano(ano);
rellenar_mes(mes);
rellenar_dia(dia,2016,0);
function actualizar() {
    limpiaSelect(dia);
    rellenar_dia(dia, ano.options[ano.options.selectedIndex].value, mes.options[mes.options.selectedIndex].value );
} 
</script>
</form>
 
<form>
        <select name="ano" id="ano" onchange="actualizar()"></select>
        <select name="mes" id="mes" onchange="actualizar()"></select>
        <select name="dia" id="dia"> </select>
<script>
var ano=document.getElementById("ano");
var mes=document.getElementById("mes");
var dia=document.getElementById("dia");
rellenar_ano(ano);
rellenar_mes(mes);
rellenar_dia(dia,2016,0);
function actualizar() {
    limpiaSelect(dia);
    rellenar_dia(dia, ano.options[ano.options.selectedIndex].value, mes.options[mes.options.selectedIndex].value );
} 
</script>
</form>
 

Es eso posible? desde ya muchas gracias.

[chuidiang]

Hola:

java y javascript son lenguajes que no tienen nada que ver. Prueba en el foro de javascript.

Se bueno.

[Panicav]

Iniciado por chuidiang

Hola:

java y javascript son lenguajes que no tienen nada que ver. Prueba en el foro de javascript.

Se bueno.

Disculpas estás en lo correcto, por si a alguien le es útil lo resolví de la mano de php agregándole una variable única a cada ID de esa manera no se pisan las variables, les dejo el código, saludos.

Código PHP:

  echo'
        <select name="ano" id="ano'.$variable.'" onchange="actualizar'.$variable.'()"> </select>
       <select name="mes" id="mes'.$variable.'" onchange="actualizar'.$variable.'()"></select>
      <select name="dia" id="dia'.$variable.'"></select>
<script type="text/javascript" >
var ano'.$variable.'=document.getElementById("ano'.$variable.'");
var mes'.$variable.'=document.getElementById("mes'.$variable.'");
var dia'.$variable.'=document.getElementById("dia'.$variable.'");
rellenar_ano(ano'.$variable.');
rellenar_mes(mes'.$variable.');
rellenar_dia(dia'.$variable.','.$GLOBALS[PRMT_fecha_ano_fin].',0);
function actualizar'.$variable.'() {
    limpiaSelect(dia'.$variable.');
    rellenar_dia(dia'.$variable.', ano'.$variable.'.options[ano'.$variable.'.options.selectedIndex].value, mes'.$variable.'.options[mes'.$variable.'.options.selectedIndex].value );
} 
</script>';