javascript - 如何使用 JavaScript 验证下拉列表中是否未选择任何内容

Question

我正在尝试验证是否未从下拉列表中选择任何内容，然后我想显示一条消息以提醒用户从下拉列表中选择某些内容。我已经尝试过这段代码，但它不起作用，所以不确定我在这里做错了什么。这是我的代码: 这是我在 gridview 中的 aspx 按钮:

<FooterStyle HorizontalAlign="Right" />
     <FooterTemplate>
        <asp:Button ID="ButtonAdd" runat="server" Text="Add" OnClick="ButtonAdd_Click"   OnClientClick="return Validate();"  />
         </FooterTemplate>
        </asp:TemplateField>

这是我的 JavaScript

<script type="text/javascript">
  function Validate() {
   if (document.getElementById("ddlProject").value == "") {
       alert("Please select value"); // prompt user
       document.getElementById("ddlProject").focus(); //set focus back to control
        return false;
         }
       }

   </script> 

Answer 1

不要在 JavaScript 中使用下拉列表 .net ID。使用其 ClientID:

document.getElementById("<%=ddlProject.ClientID%>")

当 asp.net 呈现与控件等效的 html 时，它并不总是保持 id 相同。