javascript - Dropdownlist Onchange 显示其他 Dropdownlist

Question

我的问题是我想用 javascript 创建一个类别选择系统，但是当我选择一个选项时，它会显示所有 div；它应该只显示一个 div。

例如：if value = emlak那么show div id=emlak

---

JS

function getData(dropdown) {
 var value = dropdown.options[dropdown.selectedIndex].value;
 if (value = 'emlak'){
  document.getElementById("emlak").style.display = "block";
 }
 if(value = 'vasita'){
  document.getElementById("vasita").style.display = "block";
 }
}

HTML

<select name="kategori" onChange="getData(this);">
     <option value="hat" onClick="">Hat</option>
     <option value="emlak">Shirt</option>
     <option value="vasita">Pants</option>
</select>
<select id="emlak" name="currentList" onChange=";" style="display:none;">
     <option value="hat">Hat</option>
     <option value="emlak">Shirt</option>
     <option value="pants">Pants</option>
</select>
<select id="vasita" name="currentList" onChange="" style="display:none;">
     <option value="hat">Otomobil</option>
     <option value="emlak">Shirt</option>
     <option value="pants">Pants</option>
</select>

Answer 1

试试这个，你的问题是if你没有使用==

function getData(dropdown) {
  var value = dropdown.options[dropdown.selectedIndex].value;
 if (value == 'emlak'){
  document.getElementById("emlak").style.display = "block";
  document.getElementById("vasita").style.display = "none";
 }
 if(value == 'vasita'){
   document.getElementById("vasita").style.display = "block";
   document.getElementById("emlak").style.display = "none";
 }
}

演示

更新演示