Cambiar el maxlength de un input en base al valor de un select

[guns1987]

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:&nbsp;</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

[ipraetoriux]

Muy bien podrias hacerlo de la siguiente forma

En el select usas "onchange" en lugar de "onfocus", y el value de cada option, te recomiendo que no dejes espacios en blanco.

Código HTML:

<label> Selecciona el tipo de documento:&nbsp;</label>
    <select name="tipodoc" id="elije" onchange="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>
    <input type="text" name="ingresar" id="ingresar" value="" maxlength="10" />
 

Una vez llamada la funcion, vacias el input ingresar, ya que como cambiaria de maxlength, no tiene sentido dejar texto viejo ahi escrito. Luego segun el valor del option pasado a la funcion "modificarTexbox" usas el metodo setAttribute para modificar el maxlength del input text. El segundo argumento del metodo setAttribute indica el nuevo valor para el maxlength, pueden cambiar ahi segun lo que necesites.

Código Javascript:

function modificarTexbox(){
    document.getElementById("ingresar").value="";
    switch(document.getElementById("elije").value) {
        case "dni":         
            document.getElementById("ingresar").setAttribute("maxlength", "10");
        break;
        case "pasaporte":
            document.getElementById("ingresar").setAttribute("maxlength", "8");
        break;
        case "carnet-universitario":
            document.getElementById("ingresar").setAttribute("maxlength", "6");
        break;
        case "carnet-extranjeria":
            document.getElementById("ingresar").setAttribute("maxlength", "4");
        break;
    }
}
 

[guns1987]

Muchas gracias por tu respuesta, exactamente si es lo que buscaba, estaba en el camino correcto, ahora tengo un inconveniente lo que sucede es que apenas carga la pagina sale que el valor del select es DNI entonces no tengo necesidad de hacer un onchange por ende el input text se queda sin maxlenght, necesariamente tengo que cambiar el valor del select?? Gracias

[ipraetoriux]

Si al cargar la pagina, el primer option en el select es DNI, deja por default en el input text el maxlength para la opcion DNI.

Pero, en caso que se seleccione otro option, el maxlength cambiará, y si regreso de nuevo al option DNI, es necesario indicar el maxlenght para DNI, entonces como te escribi en la funcion, se carga nuevamente el maxlenght de DNI, en caso que anteriormente se haya modificado, me explico?