Выпадающая проверка с помощью javascript

Question

Я делаю проверку, которая проверяет, выбрано ли значение, отличное от Select Select, в раскрывающемся меню asp.net с использованием javascript. Я запускаю функцию проверки в onchange из выпадающего события, и если значение «Пожалуйста, выберите ...», я покажу сообщение в элементе управления меткой.

Ниже мой код aspx.

  document.getElementById("ContentPlaceHolder1_drpEditAlerts").onchange = function validate_Quest() { 
 
       var edAlertSelect = document.getElementById("ContentPlaceHolder1_drpEditAlerts"); 
 
       if (edAlertSelect.selectedIndex == 0) { 
 
        document.getElementById("lblEdtAlert").innerHTML = 'Kindly select an alert!'; 
 
        document.getElementById('lblEdtAlert').style.color = "red"; 
 
        document.getElementById("ContentPlaceHolder1_Button3").disabled = true; 
 
        return false; 
 
       } 
 
       document.getElementById("lblEdtAlert ").innerHTML = ''; 
 
       document.getElementById("ContentPlaceHolder1_Button3").disabled = false; 
 
       return true; 
 
      }

<p> 
 
Select an alert to link this scenario* 
 
    <span style="float: right"> 
 
     <asp:Label ID="lblEdtAlert" Text="" ForeColor="Red" Font-Size="Smaller"></asp:Label> </span> 
 
    <asp:DropDownList ID="drpEditAlerts" runat="server" Height="32px" Width="500px" /> 
 
</p>

код работает нормально, и когда у меня есть значение, пожалуйста, выберите в раскрывающемся списке его, показывая мне сообщение на этикетке. Однако, когда я выбираю значение в раскрывающемся списке, это сообщение метки все еще показывает ошибку и не закрывается.

Любая помощь очень ценится.

Answer 1

Simpler

var select = document.getElementById("ContentPlaceHolder1_drpEditAlerts"); 
 
var label = document.getElementById("lblEdtAlert"); 
 
var button = document.getElementById("ContentPlaceHolder1_Button3"); 
 

 
window.onload = function() { 
 
    select.onchange = function() { 
 
    var ok = this.selectedIndex > 0; 
 
    label.innerHTML = ok ? "" : 'Kindly select an alert!'; 
 
    label.style.color = ok ? "black" : "red"; 
 
    button.disabled = !ok; 
 
    } 
 
}

<p> 
 
    Select an alert to link this scenario* 
 
    <span> 
 
     <label id="lblEdtAlert"></label> 
 
    </span> 
 
    <select id="ContentPlaceHolder1_drpEditAlerts"> 
 
    <option>Please Select</option> 
 
    <option>Other 1</option> 
 
    <option>Other 2</option> 
 
    </select> 
 
    <button id="ContentPlaceHolder1_Button3">send</button> 
 
</p>