Skip to content

Instantly share code, notes, and snippets.

@leotop

leotop/example.html

Created January 21, 2018 18:42
Show Gist options
  • Save leotop/d71718a40362c4094dabc131e91b77a7 to your computer and use it in GitHub Desktop.
Save leotop/d71718a40362c4094dabc131e91b77a7 to your computer and use it in GitHub Desktop.
Download ZIP
т.к. не было понятно какое будет value, то был использован индекс для определения изменения поля в списке. Индекс начинается с 0, поэтому последний элемент 4, а не 5
Raw
example.html
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
</META></HEAD><body>
<style>#hidden_fields{display: none;}</style>
<select class="putName fr" name="ugolnaklona" id="ugolnaklona" onchange="showFields()" required >
<option value="" selected="" disabled="">Просеивающие поверхности</option>
<option value="Сыпучий груз">Решетка колосниковая сварная</option>
<option value="Штучный груз">Сито резиновое дисковое</option>
<option value="Штучный груз">Проволочное сито</option>
<option value="Штучный груз">иное</option>
</select>
<div id='hidden_fields'>
<p>Name: <input ></p>
<p>Sex: <input ></p>
</div>
<script>
function showFields(){
//alert(document.getElementById('ugolnaklona').options.selectedIndex);
if (document.getElementById('ugolnaklona').options.selectedIndex == 4) {
document.getElementById('hidden_fields').style.display = 'block';
}
else {
document.getElementById('hidden_fields').style.display = 'none';
}
}
</script>
</body></HTML>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment