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

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';