Java 更改值时动态更新_Java_Javascript_Jsp

Java 更改值时动态更新

java javascript jsp

Java 更改值时动态更新,java,javascript,jsp,Java,Javascript,Jsp,我正在使用jsp开发我的学校应用程序，而web开发对我来说是新的。此时此刻，我无意中发现了这个问题：过程应该是这样的：我有一个包含多个值的下拉框。例如：房间：111 |建筑：ACC |容量：15 房间：111 |建筑：ACD |容量：25 房间：151 |建筑：ACC |容量：11 房间：113 |建筑：ACC |容量：15 当用户选择任何选项时，不应发生任何事情在下拉框旁边，我有一个可以看到图表的图标当用户按下“查看图表”按钮时，应执行以下过程：选定框中的字符串应分开，房间和建

我正在使用jsp开发我的学校应用程序，而web开发对我来说是新的。此时此刻，我无意中发现了这个问题：

过程应该是这样的：

我有一个包含多个值的下拉框。例如：

房间：111 |建筑：ACC |容量：15

房间：111 |建筑：ACD |容量：25

房间：151 |建筑：ACC |容量：11

房间：113 |建筑：ACC |容量：15

当用户选择任何选项时，不应发生任何事情

在下拉框旁边，我有一个可以看到图表的图标

当用户按下“查看图表”按钮时，应执行以下过程：

选定框中的字符串应分开，房间和建筑物必须提取到单独的字符串中新窗口应使用此链接打开：例如，room\u chart.jsp？room=111&building=ACC

我知道如何拆分字符串并在一般情况下执行它，但我不知道如何在不重新加载页面的情况下动态执行它。。。我想我需要实现JavaScript？

在锚的href属性中调用JavaScript函数。在该函数中，将document.getElementById与选择框的id一起使用，以获取、拆分、发送请求或打开新窗口，但这不是动态的

<html>
    <script type="text/javascript">
        function view_chart() {
            var select = document.getElementById("room_select");
            var option = select.options.item(select.selectedIndex).value;
            var tokens = option.split(/[:|]/);
            var url = "room_chart.jsp?room="+trim(tokens[1])+"&building="+trim(tokens[3]);
            window.open(url);
        }

        function trim(value) {
            value = value.replace(/^\s+/,'');
            value = value.replace(/\s+$/,'');
            return value;
        }
    </script>
    <body>
        <select id="room_select">
          <option>Room: 014 | Building: ACT</option>
          <option>Room: 005 | Building: ACC</option>
        </select>
        <a href="javascript:view_chart()">Show Info</a>
    </body>
</html>

如果可能的话，您可以使用jquery将href元素替换为具有更新url的全新元素，这取决于从dorp下拉列表中选择的内容。

我不是投票否决您的人，但我可以说这是非常糟糕的可访问性。看不到链接的位置，无法在新选项卡中打开，等等。猜测jQuery不足的情况ツ免责声明：我没有否决你的答案