Tengo un control desplegable de HTML. Quiero comprobar que si el texto que contiene es "Seleccionar", debe mostrar un mensaje de error. Estoy usando el siguiente código para hacer esto, pero no funciona.

if (document.getElementById("StudentCountry").value == "Select")
    {
        alert("Please select your country.");
            document.getElementById("StudentCountry").focus();
            return false;                               
    }
1
RKh 16 dic. 2009 a las 15:15

4 respuestas

La mejor respuesta
var box = document.getElementById("StudentCountry");
if(box.options[box.selectedIndex].text == "Select")
4
Tubbe 16 dic. 2009 a las 12:26

Su código parece ser perfecto. Verifique una vez más Los valores de las opciones predeterminadas son "seleccionar" o no.

 <html>
   <head>
     <script language="javascript">
        function validate(){
          alert('ddddddddddd ='+document.getElementById("StudentCountry").value);
          if (document.getElementById("StudentCountry").value == "select")
            {
              alert("Please select your country.");
              document.getElementById("StudentCountry").focus();
              return false;                                                       
            }
         return false;
        }
         </script>

      </head>


         <body>
       <select id="StudentCountry">
              <option  value="select" >---------Please Select ---------</option>
               <option value="India" >India</option>
               <option value="USA" >UAS</option>
              <option value="UK" >UK </option>
        </select>

   <a onclick="javascript:validate();" href="#">click here to validate</a>
0
Satya 16 dic. 2009 a las 13:18

¿Cómo se incrusta este código JavaScript en su archivo html? ¿Está solo dentro de un elemento de script y no en una función distinta? Si es así, esto probablemente siempre devuelva nulo para la función, ya que el menú desplegable no se carga en el momento en que se usa. De lo contrario, el código debería funcionar. Simplemente ponga una función, digamos checkCountry () y agréguela como onchange = "checkCountry ();" a la etiqueta La segunda cosa que podría romper su código es verificar el texto "Seleccionar". Si verifica el valor de una opción, lo más probable es que verifique el atributo del valor, como: Seleccionar Y en este ejemplo, select se escribe todo en minúsculas, lo que no se compararía con su ==.

Espero que esto ayude.

0
user231468 16 dic. 2009 a las 12:25
document.GetElementById("StudentCountry").SelectedIndex=0;

O

function getDropDownListvalue()
{
    var IndexValue = document.GetElementById("StudentCountry").selectedIndex;
    var SelectedVal = document.GetElementById("StudentCountry").options[IndexValue].value;
    alert(SelectedVal);
}

Verificar el valor seleccionado = "seleccionar"

5
Marcel Korpel 20 jun. 2012 a las 19:46