Dropdownlist Onchange显示其他下拉列表 [英] Dropdownlist Onchange Show other Dropdownlist
本文介绍了Dropdownlist Onchange显示其他下拉列表的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我的问题是我想用javascript创建一个类别选择系统，但是当我选择一个选项时，它会显示所有div;它应该只显示一个div。
例如： if value = emlak 然后 show div id = emlak
$ hr
$ b
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;
$ / code $ / pre
$ b HTML
< select name =kategorionChange =getData（this）;>
< option value =hatonClick =>帽子< / option>
< option value =emlak> Shirt< / option>
< option value =vasita>裤子< / option>
< / select>
< option value =hat> Hat< / option>
< option value =emlak> Shirt< / option>
< option value =pants>裤子< / option>
< / select>
< select id =vasitaname =currentListonChange =style =display：none;>
< option value =帽子> Otomobil< / option>
< option value =emlak> Shirt< / option>
< option value =pants>裤子< / option>
< / select>
解决方案试试这个，你的问题在如果条件您没有使用 ==
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;
}
}
My problem is I want to create a category selecting system with javascript but when I choose an option it displays all divs; it should show only one div.
For example : 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>
解决方案 Try this, Your problem is in if condition your are not using ==
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";
}
}
这篇关于Dropdownlist Onchange显示其他下拉列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
