2009-12-16 10 views
1

HTML 드롭 다운 컨트롤이 있습니다. 나는 그 안에있는 텍스트가 "선택"인지를 확인하기를 원한다. 그것은 오류 메시지를 보여 주어야한다. 이렇게하려면 다음 코드를 사용하고 있지만 작동하지 않습니다.HTML 드롭 다운 확인 옵션

if (document.getElementById("StudentCountry").value == "Select") 
    { 
     alert("Please select your country."); 
      document.getElementById("StudentCountry").focus(); 
      return false;        
    } 
+1

당신은 HTML/PHP/무엇이든간에 코드를 게시 주시겠습니까 .. "선택"또는되지 않은 기본 옵션 값 onceagain 완벽한 .check 것 같다? – Zeemee

답변

4
var box = document.getElementById("StudentCountry"); 
if(box.options[box.selectedIndex].text == "Select") 
+0

이것은 "최상의"솔루션이 아니지만 코드를 복사/붙여 넣기하여 사용할 준비가 될 수 있습니다. – Tubbe

5
document.GetElementById("StudentCountry").SelectedIndex=0; 

또는 선택한 값 = 대한

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

확인 "을 선택"HTML 파일이 자바 스크립트 코드를 어떻게

0

을 포함한다? 별개의 함수가 아닌 스크립트 요소 내부에 있습니까? 그렇다면이 함수는 드롭 다운이 사용되는 순간로드되지 않으므로 함수에 대해 항상 null을 반환합니다. 그렇지 않으면 코드가 작동합니다. 그냥 함수에 넣으면, checkCountry()라고하고, onchange = "checkCountry();"라고 덧붙이 자고하자. 태그에. 코드를 손상시킬 수있는 두 번째 사항은 "선택"텍스트 확인입니다. 옵션에서 값을 확인하는 경우 다음과 같은 값 속성을 확인할 가능성이 큽니다. 선택 그리고이 예제에서는 select가 모두 소문자로 작성되어 있으므로 ==와 비교되지 않습니다.

나는이 도움이되기를 바랍니다.

+0

다른 기능입니다. – RKh

0

코드는

<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> 

관련 문제