javascript - 下拉列表Onchange 显示其他下拉列表

Question

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

例如:if value = emlak then 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";
 }
}

Demo

Update Demo