Tengo un select que tiene varios option, lo que quiero hacer es que en base al valor del select pueda cambiar el maxlength de un input, este es el codigo que estaba haciendo en javascript
Código:
function modificarTexbox(){
switch(document.getElementById("elije").value) {
case "dni":
document.getElementById("cantidad").maxLength=8;
break;
case "pasaporte":
document.getElementById("cantidad").maxLength=10;
break;
}
}
y en el select ponia
Código:
<label> Selecciona el tipo de documento: </label>
<select name="tipodoc" id="elije" onfocus="modificarTexbox()">
<option value="dni">DNI</option>
<option value="pasaporte">Pasaporte</option>
<option value="carnet universitario">Carné Universitario</option>
<option value="carnet extranjeria">Carné Extranjería</option>
</select>
pero no se que anda mal que solo agarra el primer valor y cuando selecciono el segundo option sigue con el maxlength del primero