Me alegro que te haya servido, Briss.
Una opción sería cargar un <option> en blanco antes de imprimir los demás:
Código PHP:
<option value="0"> </option>
Y en JavaScript seleccionar esa opción al deshabilitar los campos:
Código PHP:
estatusb[0].selectedIndex = 0;
// También podrías deshabilitar el <select> y con eso te aseguras de que no se seleccione ninguna opción
estatusb[0].disabled = true;
Pero siempre estaría esa opción en blanco en el desplegable. Podés mejorarlo un poco haciendo que se seleccione la primera opción luego del <option> vacío en caso de que el alumno tenga beca.
Otra alternativa es la siguiente:
Código PHP:
<script type="text/javascript">
// Selecciono los elementos <input /> por su atributo "name"
var tipo = document.getElementsByName('tipo');
var estatusb = document.getElementsByName('estatusb');
var porcentaje = document.getElementsByName('porcentaje');
function habilitar() {
// Habilito los elementos
tipo[0].disabled = false;
estatusb[0].innerHTML = '<option>Acá el HTML de los option generado con PHP</option>';
estatusb[0].disabled = false;
porcentaje[0].disabled = false;
}
function deshabilitar() {
// Deshabilito los elementos
tipo[0].disabled = true;
estatusb[0].disabled = true;
estatusb[0].options.length = 0; // Elimino todos los <option> y dejo el <select> en blanco
porcentaje[0].disabled = true;
}
</script>
Pero deberías imprimir con PHP los option en el código JavaScript, y depende de cómo tengas armada tu plantilla puede resultar muy incómodo. Tampoco estoy seguro si .innerHTML está soportado por todos los navegadores. Si utilizas jQuery y AJAX todo eso se soluciona.
Te recomiendo que donde imprimes SELECTED pongas
selected="selected" para que el código HTML que generas sea válido.
Saludos.