選擇下拉列表項時，按鈕變為可單擊

Question

您可以通過以下代碼幫助我嗎？

我有一個下拉列表。

選項1
選項2
選項3
選項-X

下拉列表下方是一個最初不活動的按鈕（顯示為灰色）

現在，當用戶選擇Option-1 ， Option-2 或 Option-3該按鈕將變為活動狀態，並在單擊時鏈接到website-1.com。

但是，當用戶選擇Option-X該按鈕將變為活動狀態，並在單擊時鏈接到website-2.com。

Answer 1

您在問題中缺少代碼可確保答復中沒有代碼。

但是，您將需要設置select元素的onchange事件。

Answer 2

使用以下代碼...我認為您需要HTML/ Javascript代碼

<html>
<script language="javascript">
var myLink = "";
function hideMe() {
    document.getElementById('btn3').style.visibility='hidden';
}
function setMyAdd() {
    location.href=myLink;
}
function checkForChange() {
    document.getElementById('btn1').style.visibility='visible';
    document.getElementById('btn2').style.visibility='visible';
    var buttonSelected=selList.value;
    // alert("Option Selected is : " + buttonSelected );
    if (buttonSelected=="optx") {
    myLink = "myPage2.html";
    document.getElementById('btn1').style.visibility='hidden';
    document.getElementById('btn2').style.visibility='visible';
    document.getElementById('btn3').style.visibility='visible';
    } else {
    myLink = "myPage1.html";
    document.getElementById('btn1').style.visibility='visible';
    document.getElementById('btn2').style.visibility='hidden';
    document.getElementById('btn3').style.visibility='visible';
    }
}
</script>
<body onLoad="hideMe()">
<form>
<select onChange="checkForChange()" id="selList">
    <option value="opt0" selected>Choose Option</option>
    <option value="opt1">Option 1</option>
    <option value="opt2">Option 2</option>
    <option value="opt3">Option 3</option>
    <option value="optx">Option X</option>
</select>
<BR><br>
<input type="button" value="Option 1,2,3" id="btn1">
<BR>
<input type="button" value="Option X" id="btn2">
<BR>
<input type="image" value="Click me" src="SR_@_Indian_GP.jpg" width=100 height=100 id="btn3" onClick="setMyAdd(); return false;">
</form>
</body>
</html>

注意：我使用了3個按鈕。

前兩個按鈕將已經顯示在頁面上，然后我們將其隱藏。

第三個按鈕未首先顯示。 選擇選項后它將出現。

第三個按鈕是根據您的要求。 但是，如果您要選擇該方法，我還要添加另外兩個以防萬一

讓我知道您是否有任何疑問。

關於FF和IE問題 ，請參見此處的示例。 此示例在FF和IE中均適用。

祝好運！！！ 干杯！！！

選擇下拉列表項時，按鈕變為可單擊

問題描述

2 個解決方案

解決方案1
0 2012-01-21 03:09:24

解決方案2
0 已采納 2012-01-21 03:59:24

選擇下拉列表項時，按鈕變為可單擊

問題描述

2 個解決方案

解決方案1 0 2012-01-21 03:09:24

解決方案2 0 已采納 2012-01-21 03:59:24

解決方案1
0 2012-01-21 03:09:24

解決方案2
0 已采納 2012-01-21 03:59:24