选择下拉列表项时，按钮可单击
选择下拉列表项时，按钮可单击
提问于 2012-01-21 02:45:37
你能帮我完成以下代码吗？
我有一份下拉列表。
- 备选方案-1
- 备选方案-2
- 备选方案-3
- 备选案文-X
下拉列表下面是一个最初不活动的按钮(灰色)。
现在，当用户选择Option-1、Option-2或Option-3时，按钮就会激活，并在单击时链接到Web-1.com。
但是当用户选择Option-X时，按钮就会激活，点击时链接到网站-2.com。
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-01-21 03:59:24
使用下面的密码..。我相信你需要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。
好运！干杯！
Stack Overflow用户
发布于 2012-01-21 03:09:24
您在问题中缺少代码，这就说明您在答复中缺少代码。
但是，您需要设置选择元素的选择元素事件。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8950250
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号