Question

我想创建一个像弹出窗口一样的表单，它有一个输入和一个按钮。当我输入一个输入例：“好”并点击按钮时，它会转到网址“good.mydomain.com”

我这样做了，但它做得很好

<html>
    <form action="firstname.mydomain.com">
    Go to URL:<br>
    <input type="text" name="firstname" value="">.mydomain.com
    <br>
    <p>
    <input type="submit" value="go">
    </p>
    </form> 
</html>

Answer 1

你可以用jQuery实现这一点。

HTML：

<input type="text" id="goTo" name="firstname">.mydomain.com
<input type="submit" id="myButton" value="Go">

然后是jQuery：

$('#myButton').click(function() {
    var goTo = $("#goTo").val();
    window.location.href = 'http://'+goTo+'.mydomain.com/';
    return false;
});

Answer 2

请使用javascript尝试以下代码。

<html>
<head>
    <title>Submit</title>
    <script>
        function Submit() {
            var url = "http://www." + document.getElementById("firstname").value + ".mydomain.com";
            window.location.assign(url);
        }
    </script>
</head>
<body>
    Go to URL:<br>
    <input type="text" name="firstname" id="firstname" value="">.mydomain.com
    <br>
    <p>
        <input type="button" value="go" onclick="Submit()">
    </p>


</body>
</html>

使用输入和按钮创建链接

2 个答案: