en evento onchange, hacer un input readonly

[lexus]

Hola todos

estoy intentando

a traves de un combobox con el evento onchange

que un input quede solo lectura,

tengo este combo me gustaria que cuando sea opción 1 deje el campo de texto "proveedores" en solo lectura, pero cuando sea opción 2 lo vuelva a dejar activado para escritura. no me sirve disabled porque necesito almacenar ese valor
alguien sabe como hacerlo readonly en onchange?


<select name="tipo_persona" id="tipo_persona" class="combo" >

<option value="1" >JURIDICA</option>
<option value="2" >NATURAL</option>
</select>

<input name="proveedor" type="text" class="campodetexto" id="proveedor" size="67" maxlength="200" />

[Alexis88]

Asocia el evento change al combo, detecta el valor elegido y si es igual a 1, tomas al campo de texto y le asignas el valor booleano true a la propiedad readOnly; caso contrario, le asignas el valor booleano false.

Código Javascript:

var combo = document.querySelector("#tipo_persona"),
    campo = document.querySelector("#proveedor");
 
combo.addEventListener("change", function(){
    if (this.value == 1){
        campo.readOnly = true;
    }
    else{
        campo.readOnly = false;
    }
}, false);
 

Un saludo