Подтвердить выпадающий список с помощью java-скрипта

У меня есть раскрывающийся список 2, и я хочу, чтобы проверить 2 выпадающего списка.Подтвердить выпадающий список с помощью java-скрипта

Как выглядит код?

Как я могу передавать данные, если данные проверяются?

JavaScript находится внутри HTML-кода.

JavaScript код:

<script type="text/javaScript"> 
    function validate_dropdown1() { 
     var dropdown = document.getElementById('gender'); 
     var dropdown1 = document.getElementById('race'); 
     var gen = document.getElementById("gen"); 
     var ra = document.getElementById("ra") 
     if (dropdown.selectedIndex == 0) { 

      gen.innerHTML = "Select gender"; 
      ra.innerHTML = "Select race"; 
      dropdown.focus(); 
      dropdown1.focus(); 
      return false; 
     } 
     else { 
      gen.innerHTML = ""; 
      ra.innerHTML = ""; 
      return true; 
     } 

    } 
</script>

HTML код:

<td align="right">Gender</td> 
<td><select name="gender" class="normal_lb_border" id="gender"> 
     <option value="0" selected>Select gender</option> 
     <option value="1">Male</option> 
     <option value="2">Female</option> 
    </select> 

    <label id="gen" style="color: red; font-style: italic;"></label> 
    <br><br> 
</td> 

<td align="right">Race</td> 
<td><select name="gender" class="normal_lb_border" id="gender"> 
     <option value="0" selected>Select gender</option> 
     <option value="1">Islam</option> 
     <option value="2">Buddha</option> 
    </select> 

    <label id="gen" style="color: red; font-style: italic;"></label> 
    <br><br> 
</td>

источник

2015-08-14 ikramlim

Так что я Предположим, вы хотите подтвердить, что оба варианта d, прежде чем он сможет подать? это верно? –

да вы правы .. как насчет кода выглядят.? – ikramlim

https://i.gyazo.com/49bf2b8a60dc4e38e8c04f0d20d110f1.png – ikramlim

Вы должны попробовать это для ниспадающего проверки, это работа по изменению события

<!doctype html> 
    <html lang="en"> 
    <head> 
    <script type="text/javaScript"> 
    function validate_dropdown1(){ 
     var dropdown = document.getElementById('gender'); 
    var dropdown1 = document.getElementById('race'); 
    var gen=document.getElementById("gen"); 
     var ra=document.getElementById("ra") 
     if(dropdown.selectedIndex==0){ 
     gen.innerHTML="Select gender"; 
      dropdown.focus(); 
      return false; 
      } 
      else if(dropdown.selectedIndex!=0 && dropdown1.selectedIndex==0){ 
      ra.innerHTML="Select race"; 
      dropdown1.focus(); 
      gen.innerHTML=""; 
      return false; 
      } 
      else 
      { 
       gen.innerHTML=""; 
       ra.innerHTML=""; 
      } 

       } 

    </script> 
    </head> 
    <body> 
    <table> 
    <tr> 
    <td align="right">Gender</td> 
      <td><select name="gender" class="normal_lb_border" id="gender"onchange="validate_dropdown1()"> 
      <option value="0" selected>Select gender</option> 
       <option value="1">Male</option> 
       <option value="2">Female</option> 
       </select> 

      <label id="gen" style="color: red; font-style: italic;"></label> 
       <br><br> 
      </td> 
      <td align="right">Race</td> 
      <td><select name="gender" class="normal_lb_border" id="race" onchange="validate_dropdown1()"> 
      <option value="0" selected>Select race</option> 
       <option value="1">Islam</option> 
       <option value="2">Buddha</option> 
       </select> 
      <label id="ra" style="color: red; font-style: italic;"></label> 
       <br><br> 
      </td> 
    </tr> 
    </table> 

    </form> 
    </body> 
    </html>

источник

2015-08-14 05:38:03

https://i.gyazo.com/49bf2b8a60dc4e38e8c04f0d20d110f1.png – ikramlim

Что случилось @ ikramlim –

Подтвердить выпадающий список с помощью java-скрипта

ответ

Смежные вопросы