<div class="rov"> <div class="col-md-3"> <label for="sex">Пол:</label> </div> <div class="col-md-7"> <div class="dropdown"> <FORM name="fsex" method="post" onklick ="ValidSex()"> <select id="dropdownMenu1" name="sex" class="btn btn-default dropdown-toggle btn-block" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <option value="disabled"></option> <option value="man">Мужчина</option> <option value="woman">Женщина</option> </select> </FORM > </div> </div> <div class="col-md-1"> <span class="glyphicon glyphicon-ok" style="display:none;color:green;" aria-hidden="true" id="okSex"></span> <span class="glyphicon glyphicon-remove" style="display:none;color:red;" aria-hidden="true" id="noSex"></span> </div> <script type="text/javascript"> function ValidSex(form){ var r = "disabled"; var mySex = document.fsex.sex; var valid = ( document.fsex.sex.options(document.fsex.sex.selectedIndex).value!==r); if (valid) { document.getElementById('noSex').style.display = 'none'; document.getElementById('okSex').style.display = 'block'; } else { document.getElementById('okName').style.display = 'none'; document.getElementById('okSex').style.display = 'block'; } return valid; }; </script> </div>
  • onklick - really? - Igor
  • What do you have with the code? This is a web programmer's nightmare. Quickly learn js) - Yuri
  • But what is necessary? Tell me - Alexey Fedorov
  • @ Alexey Fyodorov, write what kind of check it should perform and I will write you a code - Yuri
  • There are 3 meanings, - Alexey Fedorov

1 answer 1

See what I sketched, if anything, paste into your code

 function validSex(e) { if(document.form_sex.sex.value !== 'disabled'){ document.getElementById('sex_valid').style.display='block'; document.getElementById('sex_avalid').style.display='none'; }else{ document.getElementById('sex_valid').style.display='none'; document.getElementById('sex_avalid').style.display='block'; }; } 
 #sex_avalid {color: red;} #sex_valid {color: green;} 
 <div class="row"> <div class="col-md-3"> <span name="sex">Пол:</span> </div> <div class="col-md-7"> <div class="dropdown"> <form name="form_sex" method="post" onclick="validSex(this)"> <select name="sex"> <option value="disabled"></option> <option value="max">Мужчина</option> <option value="woman">Женщина</option> </select> </form> </div> </div> <div class="col-md-1"> <div id="sex_avalid" style="display:none">X</div> <div id="sex_valid" style="display:none">X</div> </div> </div>

  • thank you so much very informative writing - Alexey Fedorov
  • @ Alexey Fyodorov, mark the answer as priory - Yuri