隱藏/顯示下拉列表中的按鈕選擇？

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