2013-09-05 68 views
-2

JSDropdownlist第二选择第一选择不显示:无;

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> 

当我选择一个选项第二时间第一选择的选项将不会显示:无;它应该只显示一个选择

回答

0

因为您没有将它设置为无。这就是为什么。

function getData(dropdown) { 
    var value = dropdown.options[dropdown.selectedIndex].value; 
    if (value == 'emlak'){ 
    document.getElementById("emlak").style.display = "block"; //where is the none for the other element? 
    } 
    if(value == 'vasita'){ 
    document.getElementById("vasita").style.display = "block"; //where is the none for the other element? 
    } 
} 

基本思想:

function getData(dropdown) { 
    var value = dropdown.options[dropdown.selectedIndex].value; 
    var isEmlak = (value == 'emlak'); 
    document.getElementById("emlak").style.display = isEmlak ? "block" : "none"; 
    document.getElementById("vasita").style.display = !isEmlak ? "block" : "none"; 
} 
+0

但是当我设置没有它不显示任何东西它应该显示和何时第一个选择的第二个选项应该设置为显示:无;怎么会这样? – TeknolojiGezgini

+0

我不确定你在说什么,你是否错过了实际上有解决方案的块,而不是我指出错误的块?它的工作原理是http://jsfiddle.net/XC82v/,并且所需的复制粘贴比选定的答案要少很多。 – epascarello

+0

它的工作原理是谢谢你 – TeknolojiGezgini

0

下面是refernced JSBin

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"; 
    } 
} 
-1

更改脚本像下面:

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"; 
    } 

    if(value == 'hat'){ 
     document.getElementById("vasita").style.display = "none"; 
     document.getElementById("emlak").style.display = "none"; 
    } 
} 
相关问题