Tengo dos select los cuales actúan dinámicamente para elegir el tipo de documento de un ciudadano o compañía. En el primer select tengo los 3 tipos de documentos que existen en mi país y según el que elija el usuario el segundo select despliega los prefijos de abreviación en letras usados para esos tipos de documentos, ejemplo si elije C.I.= es la cédula o dni del ciudadano y existen dos letras para ese tipo de documento, en ese momento el select de abajo cambiara y mostrara estas letras V(venezolano)8 números, E(extranjero)8 números, Si elije R.I.F es una persona juridica, empresa ó gobierno por ejemplo un rif de empresa comienza con J(Juridico)9 números, G(Gobierno) 9 números Si elije pasaporte cambiara Pasaporte el select de abajo mostrara P(Pasaporte)10 números.
Según lo explicado acá arriba, lo que necesito en si es que según la opción que el usuario elija en los select quiero que el input cambie su maxlenght, si elije cédula que sería V o E quiero que el maxlenght del input se ponga en 8, si elije pasaporta P quiero que el maxlenght del input cambie a 10 etc..etc.
Aquí el fragmento de mi formulario donde pido el tipo del documento con los select y luego el input
</div>
<div class="form-group">
<label for="tipo">ELIGE TU TIPO DE DOCUMENTO</label>
<select name="tipo" class="form-control" onchange="cambia()">
<option value="1">C.I.
<option value="2">R.I.F
<option value="3">Pasaporte
</select>
</div>
<div class="form-group">
<select name="letras" class="form-control">
<option value="V">V
<option value="E">E
</select>
</div>
<div class="form-group">
<label for="documento">Docuemento</label>
<input type="text" name="documento" placeholder="escribe el número de cédula, rif ó pasaporte según sea el caso" id="documento" class="form-control" required>
</div>
Aquí la función que genera el dinamismo entre los select
<script type="text/javascript">
var letras_1 = new Array ("V", "E");
var letras_2 = new Array ("V", "E", "J", "P", "G");
var letras_3 = new Array ("P");
function cambia(){
var tipo;
tipo= document.registropago.tipo[document.registropago.tipo.selectedIndex].value;
if(tipo!=0){
mis_letras=eval("letras_" + tipo);
num_letras=mis_letras.length;
document.registropago.letras.length = num_letras;
for(i=0; i<num_letras; i++){
document.registropago.letras.options[i].value=mis_letras[i];
document.registropago.letras.options[i].text=mis_letras[i];
}
}else{
document.registropago.letras.length = 1;
document.registropago.letras.options[0].value="-";
document.registropago.letras.options[0].text="-";
}
document.registropago.letras.options[0].selected = true;
}
</script>
Gracias de antemano.