Dropdownlist Onchange显示其他Dropdownlist

Dropdownlist Onchange Show other Dropdownlist

本文关键字：Dropdownlist 其他 Onchange 显示      更新时间：2023-09-26

我的问题是我想用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>

试试这个，你的问题是在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";
 }
}

演示

更新演示

相关文章：