如何檢查下拉值使用JavaScript

我有一個Gridview下拉和文本框，所以我想檢查下列按鈕點擊：（1）檢查是否NOTHING從下拉列表中選擇（下拉選項是YES，NO或NA）。如果沒有選擇任何內容，我想顯示消息，如下所示：「請從下拉列表中選擇」（2）如果從下拉列表中選擇「否」且文本框爲空或空，則我想顯示消息，說：「請提供意見」如何檢查下拉值使用JavaScript

第一個代碼檢查文本框是否爲空，它的工作原理和第二個代碼檢查是否沒有從下拉選擇，並且一個工作正常，所以如何可以我結合這兩個代碼？我想在按鈕單擊時執行這兩個代碼，現在它只是調用第一個代碼。請幫忙。謝謝。這裏是我的代碼來檢查，如果文本框爲空：

<script type ="text/javascript"> 
    function Validate() { 
     var flag = false; 
     var gridView = document.getElementById('<%= GridView1.ClientID %>'); 

     for (var i = 1; i < gridView.rows.length; i++) { 
      var selects = gridView.rows[i].getElementsByTagName('select'); 
      var areas = gridView.rows[i].getElementsByTagName('textarea'); 
      if (selects != null && areas != null) { 
       if (areas[0].type == "textarea") { 
        var txtval = areas[0].value; 
        var selectval = selects[0].value; 
        if (selectval == "No" && (txtval == "" || txtval == null)) { 

         flag = false; 
         break; 
        } 
        else { 
         flag = true; 
         document.getElementById('<%=btnSubmit.ClientID%>').style.visibility = 'visible'; 
        } 
       } 
      } 
     } 
     if (!flag) { 
      alert('Please note that comments are required if you select "No" from the dropdown box. Thanks'); 
      document.getElementById('<%=btnSubmit.ClientID%>').style.visibility = 'hidden'; 
     } 
     return flag; 
    } 
</script>

這裏是檢查下拉

<script type="text/javascript"> 
     function validate_DD() { 
      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('Select'); //Get all dropdown lists contained in GridView1. 
      for (var i = 0; i < dropdowns.length; i++) { 
       if (dropdowns.item(i).value == 'Select') //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 either Yes, No or NA in each dropdown and click the Save button again. Thanks'); 
       document.getElementById('<%=btnSubmit.ClientID%>').style.visibility = 'hidden'; 

      } 

      return flag; 

     } 
</script>

來源

2014-03-04 moe

代碼試試這個：

<select id="ddlCars"> 
    <option value="1">Honda</option> 
    <option value="2" selected="selected">Toyota</option> 
    <option value="3">BMW</option> 
</select>

訪問下拉：

To get the value: 
var el = document.getElementById("ddlCars"); 
var val = el.options[el.selectedIndex].value; // val will be 2 

To get the text: 
var el = document.getElementById("ddlCars"); 
var car = el.options[el.selectedIndex].text; //car will be Toyota

來源

2014-03-04 17:45:12 kheya

th是沒有幫助，我有我的dropdonw和文本框內的gridview。 – moe

您可以在瀏覽器中進行調試以查看區域中是否有任何textareas？否則，我會評論textarea，並試圖看到我可以讀取下拉列表中的特定行的值 – kheya

好吧，我剛剛更新了我的問題。我發佈了2個js代碼，第一個代碼檢查texbox是否空白，第二個代碼檢查下拉列表，兩者都正常工作。所以我的問題是我如何結合兩者？所以一旦按鈕被點擊，然後它執行這兩個代碼。謝謝。 – moe

如何檢查下拉值使用JavaScript

回答

相關問題