有 Java 编程相关的问题?

你可以在下面搜索框中键入要查询的问题!

java当下拉列表项被选中时,按钮变为可单击

你能帮我查一下下面的代码吗

我有一个项目的下拉列表

  • 备选方案1
  • 备选方案2
  • 备选方案3
  • 选项-X

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

现在,当用户选择Option-1Option-2Option-3时,按钮变为活动状态并链接到网站-1。com时单击

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


共 (2) 个答案

  1. # 1 楼答案

    您在问题中缺少代码,这说明您在回答中缺少代码

    但是,您需要设置select elementonchange事件

  2. # 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问题,参见示例here。这个例子在FF和IE中都适用

    祝你好运!!!干杯