當下拉列表項目被選中時，按鈕變得可點擊

你能幫我解決以下問題嗎？當下拉列表項目被選中時，按鈕變得可點擊

我有一個項目的下拉列表。

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

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

現在當用戶選擇Option-1,Option-2或Option-3該按鈕變成活動狀態，點擊鏈接到website-1.com。

但是，當用戶選擇Option-X該按鈕變爲活動並點擊鏈接到website-2.com。

來源

2012-01-21 air

選項2或3呢？ – Stu

*「你能幫我解碼嗎？」*當然，你到目前爲止還有什麼？如果答案是「無」，似乎你不需要幫助，因爲有人可以爲你寫。這不是什麼關於。 BTW是Java還是PHP？你使用JSP還是servlet（即Java）？ –

使用下面的代碼...我相信你需要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="[email protected]_Indian_GP.jpg" width=100 height=100 id="btn3" onClick="setMyAdd(); return false;"> 
</form> 
</body> 
</html>

注：我用3個按鈕。

前兩個按鈕將顯示在頁面上，然後我們將隱藏它。

第3個按鈕沒有先顯示。選擇後，它會來。

第三個按鈕是根據您的要求。但我已經增加了兩個incase，如果你想選擇該方法

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

關於FF和IE Issue，參見示例here。這個例子在FF和IE中都有效。

祝你好運!!!乾杯！！！

來源

2012-01-21 03:59:24

嗨Fahim Parkar 感謝您的代碼..但是，當我運行它，它不工作。當我選擇任何選項第三個按鈕不顯示，甚至其他2個按鈕不打開page.pls檢查：http://uniquorn.com/form-1.html 我真的不需要另外兩個按鈕，我只需要使第三個按鈕（點擊我）工作.. 你能檢查什麼似乎是錯的？謝謝！ – air

嘗試在Mozilla中，讓我知道...給我你的電子郵件ID ...我會發送你的文件...那些正在我的工作 –

前兩個按鈕將不會做任何行動..他們只是爲了隱藏和顯示的目的... –

您在問題中缺少代碼，因此應答中缺少代碼。

但是，您將要設置select element的onchange事件。

來源

2012-01-21 03:09:24 mowwwalker

當下拉列表項目被選中時，按鈕變得可點擊

回答

相關問題