0

我正在使用一个网站的html代码，并试图让该网站链接到另一个网站，作为三个不同下拉菜单中值的函数。

我需要的是html代码，它将带用户：

..../[第一个菜单选择]/[第二个菜单选择]/[第三个菜单选择].html

非常感谢，

亚历克斯

4

2 回答 2

1 
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript">
        function getUrl() {
            var part1 = document.getElementById("firstChoice").value;
            var part2 = document.getElementById("secondChoice").value;
            var part3 = document.getElementById("thirdChoice").value;
            return "http://"+part1+"/"+part2+"/"+part3+".html";
        }
        function gotoSelection() {
            var urlToGoTo = getUrl();
            alert(urlToGoTo);
            //location.href=urlToGoTo;
        }
        function setupLink() {
            var urlToGoTo = getUrl();
            document.getElementById("gotoLink").href=urlToGoTo;
        }
    </script>
</head>
<body onload="setupLink();">
    <select id ="firstChoice" onchange="setupLink();">
        <option>first1</option>
        <option>first2</option>
    </select>
    <select id ="secondChoice" onchange="setupLink();">
        <option>second1</option>
        <option>second2</option>
    </select>
    <select id ="thirdChoice" onchange="setupLink();">
        <option>third1</option>
        <option>third2</option>
    </select>
    <button onclick="gotoSelection();">goto</button>
    <a id="gotoLink" href="">goto by link</a>
</body>
</html>
于 2012-07-23T18:41:06.773 回答
0

您将需要的不仅仅是 html。幸运的是，您可以使用 jQuery 轻松做到这一点。

为您的下拉菜单提供一个唯一的 ID，如下所示：

<select id="dropdown1"> <option val="myValue1">... </select>
<select id="dropdown2"> <option val=myValue2">... </select>
...
<input type="submit" value="GO!" id="go" />

然后您可以使用 jQuery 从下拉列表中获取结果。可能有更优雅的方法可以做到这一点，但这是基本功能：

$(document).ready(function() {
  $("#go").click(function() {
    var dropdown1 = $("#dropdown1 option:selected").attr('val');
    var dropdown2 = $("#dropdown2 option:selected").attr('val');
    var dropdown3 = $("#dropdown3 option:selected").attr('val');
    var uri = "../"+dropdown1+"/"+dropdown2+"/"+dropdown3+".html";
    window.location.href = uri;
  });
});
于 2012-07-23T18:41:00.080 回答