-1
4

2 に答える 2

2

アンカーのhref属性でJavascript関数を呼び出します。その関数document.getElementByIdでは、選択ボックスで使用して、選択した文字列idを取得し、分割して、ajaxリクエストを送信するか、 window.openで新しいウィンドウを開きます（ただし、これは動的ではありません）。

<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>
于 2012-04-22T03:19:16.480 に答える
0

可能であれば jquery を使用して、ドロップダウンからの選択に基づいて、 href 要素を更新された url を持つ新しい要素に置き換えることができます。

于 2012-04-22T03:34:19.873 に答える