Question

您能帮我解决以下问题吗？

我有一个项目下拉列表。

选项-1
选项-2
选项-3
选项-X

下拉列表下方是一个最初处于非活动状态（灰显）的按钮

现在，当用户选择Option-1，Option-2 或 Option-3时，该按钮变为活动状态，并在点击时链接到website-1.com。

但是，当用户选择Option-X时，该按钮变为活动状态，并在点击时链接到website-2.com。

Answer 1

问题中缺少代码需要在响应中缺少代码。

但是，您需要设置select element的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个按钮。

前两个按钮将在页面上显示，然后我们将隐藏它。

首先不显示第3个按钮。选择选项后，它会来。

第3个按钮符合您的要求。但是如果你想选择那种方法我还增加了两个方法

如果您有任何疑问，请与我们联系。

关于 FF和IE问题，请参阅示例here。此示例适用于FF和IE。

祝你好运！干杯!!!

当选择下拉列表项时，按钮变为可单击

2 个答案: