javascript下拉驗證

如果您未選擇任何內容並且無法使其正常工作，則需要提醒。它需要顯示什麼是錯誤的，並用窗口警告。javascript下拉驗證

<!DOCTYPE html> 
<html> 
<head> 
<select id="ddlView"> 
<option value="0">Select</option> 
<option value="1">test1</option> 
<option value="2">test2</option> 
<option value="3">test3</option> 
</select> 
<input type="button" onclick="myFunction()" value="select" /> 

<script> 
function Validate() 
{ 
var e = document.getElementById("ddlView"); 
var strUser = e.options[e.selectedIndex].value; 

var strUser1 = e.options[e.selectedIndex].text; 
if(strUser==0) 
{ 
alert("Please select a user"); 
} 
} 
</td></head> 

</html>

來源

2013-03-12 user1794625

我想你在這裏有很多問題。

您需要添加一個body標籤
設置在您的按鈕正確的函數名。
你需要關閉腳本標籤

試試這個：

<!DOCTYPE html> 
<html> 
    <body> 
     <select id="ddlView"> 
      <option value="0">Select</option> 
      <option value="1">test1</option> 
      <option value="2">test2</option> 
      <option value="3">test3</option> 
     </select> 
     <input type="button" onclick="Validate()" value="select" /> 

     <script type="text/javascript"> 
      function Validate() 
      { 
       var e = document.getElementById("ddlView"); 
       var strUser = e.options[e.selectedIndex].value; 

       var strUser1 = e.options[e.selectedIndex].text; 
       if(strUser==0) 
       { 
        alert("Please select a user"); 
       } 
      } 
     </script> 
    </body> 
</html>

來源

2013-03-12 17:38:27

<body> 
<div> 
    <span>Select the course : </span> 
    <select id="ddlView"> 
     <option value="0">Select</option> 
     <option value="1">Java Script</option> 
     <option value="2">CSS</option> 
     <option value="3">JQuery</option> 
     <option value="3">HTML</option> 
     <option value="3">C#</option> 
    </select> 
</div> 
<br > 
<input type="button" class="btn" value="Submit" id="btnSubmit" onclick="ddlValidate();" />

<script type="text/javascript"> 
    function ddlValidate() { 
     var e = document.getElementById("ddlView"); 
     var optionSelIndex = e.options[e.selectedIndex].value; 
     var optionSelectedText = e.options[e.selectedIndex].text; 
     if (optionSelIndex == 0) { 
      alert("Please select a Course"); 
     } 
     else { 
      alert("Success !! You have selected Course : " + optionSelectedText); ; 
     } 
    } 
</script>

你可以從這個鏈接JavaScript dropdown Validation

來源

2015-04-22 08:49:53

更多解釋演示中看到Ø f你的代碼與OP的不同之處，以及爲什麼它能夠工作可能是有用的。 – 2015-05-12 15:50:34

javascript下拉驗證

回答

相關問題