Deshabilitar Text

[gioramies]

Iniciado por KiraSakuya

Usa esto :)

document.getElementById("IdDeTuTextBox").focus()

En el evento onchange del select :)

thi, KiraSakuya ha dado la solución a lo que planteas, sin embargo, creo que no sabes mucho Javascript (como lo has dicho), por lo que trataré de darte el ejemplo que necesitas para que despegues un poquito tu aprendizaje en el lenguaje:

1. Debes asociar los eventos respectivos a cada control del formulario:

HTML

Código HTML:

<select id="criterios" name="criterios" onchange="activarCampo()" >
  <option value="" selected="selected">- selecciona -</option>
  <option value="nombre">Nombre</option>
  <option value="apellido">Apellido</option>
  <option value="edad">Edad</option>
  <option value="sexo">Sexo</option>
</select>

<input type="text" id="valor" name="valor" value="" disabled="true" onkeyup="activarBoton()"/>

<input type="button" id="enviar" name="enviar" disabled="true" onclick="validarCampos()" value="Buscar" /> 

2. Desarrollar las funciones asociadas a los eventos:

Código HTML:

// Funcion que verifica si se ha seleccionado un criterio de búsqueda para luego activar el input

function activarCampo() {
    // Obtener la referencia a la lista
    var lista = document.getElementById("criterios");
 
    // Obtener el índice de la opción que se ha seleccionado
    var indiceSeleccionado = lista.selectedIndex;

    if (indiceSeleccionado != 0) {
         document.getElementById("valor").disabled = false;
         document.getElementById("valor").focus()
    }
    else {
         document.getElementById("valor").disabled = true;
         document.getElementById("buscar").disabled = true;
    }
}

// Funcion que verifica si se ha seleccionado un criterio de búsqueda y si se ha escrito algo en el input, para luego activar el boton submit

function activarCampo() {
    var valor = document.getElementById("valor");
 
    if( valor == null || valor.length == 0 || /^\s+$/.test(valor) ) {
         document.getElementById("buscar").disabled = true;
         return false;
    }
    else {
         document.getElementById("buscar").disabled = false;
    }
}

3. Luego enviar el formulario

Código HTML:

function validarCampos() {
    // Obtener la referencia a la lista
    var lista = document.getElementById("criterios");
 
    // Obtener el índice de la opción que se ha seleccionado
    var indiceSeleccionado = lista.selectedIndex;

    // Con el índice y el array "options", obtener la opción seleccionada
    var opcionSeleccionada = lista.options[indiceSeleccionado];
 
    // Obtener el valor y el texto de la opción seleccionada
    var textoSeleccionado = opcionSeleccionada.text;
    var valorSeleccionado = opcionSeleccionada.value; //

    // Valor a buscar
    var valorBuscar = document.getElementById("valor");
 

    // Si lo deseas realizas verificaciones para saber si el criterio de búsqueda corresponde con el valor a buscar
   // Un ejemplo es que si vas a buscar por fecha debes escribir una fecha, si vas a buscar por DNI, debes escribir realmente un DNI
    if ( valorSeleccionado == "nombre" ) {
      ........//
    }

    if ( valorSeleccionado == "apellido" ) {
      ........//
    }
}

Espero haber podido ayudarte. Saludos.