การแสดง div ที่ซ่อนอยู่เมื่อเลือก option ใน select ด้วย JavaScript

คำอธิบาย

ตั้งค่า style.display เป็น 'block' หรือ 'none' ตามค่า option ที่เลือก

ตัวอย่างโค้ด

<select onchange="displayDivDemo('hideValuesOnSelect', this)">
  <option value="0">Java</option>
  <option value="1">Javascript</option>
</select>
<div id="hideValuesOnSelect" style="display: none;">This is the Javascript</div>

<script>
function displayDivDemo(id, elementValue) {
  document.getElementById(id).style.display = elementValue.value == 1 ? 'block' : 'none';
}
</script>

ผลลัพธ์

เลือก "Javascript" (value=1) → div แสดง | เลือก "Java" (value=0) → div ซ่อน