隐藏/显示下拉列表中的按钮选择？

Question

我正在寻找一种方法来隐藏或显示一个按钮，只有当从下拉列表中选择一个选项。这可以做到吗？我无法找到任何东西......可能是因为我没有正确地搜索。有什么建议？

Answer 1

我得到的是你想隐藏/显示你的按钮从下拉列表中选择的某些值。

<select id="mySelect" onchange="selectionchange();"> 
    <option value="abc" >abc</option> 
    <option value="xyz" >xyz</option> 
</select> 
<input id="btn" type="submit" class="button" value="Confirm" /> 

function selectionchange() 
{ 
    var e = document.getElementById("mySelect"); 
    var str = e.options[e.selectedIndex].value; 

    if(str == 'abc') 
{ 
     document.getElementById('btn').style.display='none'; 
} 
else if(str == 'xyz') 
{ 
    document.getElementById('btn').style.display='block'; 
} 
} 

显示/隐藏你也可以使用这个

document.getElementById('btn').style.visibility='hidden'; 
document.getElementById('btn').style.visibility='visible';