如何使用JavaScript驗證GridView中的下拉列表

Question

我試圖在按鈕點擊時驗證gridview內的下拉菜單。 如果下拉列表沒有選擇，那么我想解雇javascript，但代碼根本沒有觸發。 我不知道我在這里做錯了什么，所以請幫忙。 謝謝。 這是aspx文件中的按鈕代碼：

<asp:Button ID="btnSubmit" runat="server" Text="Submit" Width="183px" Visible="true"
                onclick="btnSubmit_Click" 
                OnClientClick="return validate();" 
                Font-Bold="True" Font-Size="Medium" Height="30px" 
                style="margin-right: 1px; margin-left: 185px;" ForeColor="#336699" />

這是我頁面頭部的javascript：

<script type="text/javascript">
          function validate() {
              var flag = true;
              var dropdowns = new Array(); //Create array to hold all the dropdown lists.
              var gridview = document.getElementById('<%=GridView1.ClientID%>'); //GridView1 is the id of ur gridview.
              dropdowns = gridview.getElementsByTagName('--'); //Get all dropdown lists contained in GridView1.
              for (var i = 0; i < dropdowns.length; i++) {
                  if (dropdowns.item(i).value == '--') //If dropdown has no selected value
                  {
                      flag = false;
                      break; //break the loop as there is no need to check further.
                  }
              }
              if (!flag) {
                  alert('Please select value in each dropdown');
              }
              return flag;
          }
</script>

這是我在aspx中的下拉菜單：

<ItemTemplate>
  <asp:Label ID="lblAns" runat="server" Text='<%# Eval("DDL_ANS")%>' Visible="false"></asp:Label>
 <asp:DropDownList ID="ddl_Answer" runat="server" AutoPostBack="false">
  </asp:DropDownList>
 </ItemTemplate>

這是下拉列表背后的代碼

 ddl_Answer.DataSource = cmd1.ExecuteReader();
                    ddl_Answer.DataTextField = "DD_ANSWER";
                    ddl_Answer.DataValueField = "DD_ANSWER";
                    ddl_Answer.DataBind();
ddl_Answer.Items.Insert(0, new ListItem("--"));

Answer 1

您是如何嘗試使用javascript選擇下拉列表的？ 你可能想要這個

dropdowns = gridview.getElementsByTagName('select');