6

以下に説明する結果を得るために、少し余分なコードを使用して非常に単純なフォームを作成しようとしています。問題は、それを行う方法がわからないことです。

私が達成しようとしていること：

「url」という名前のテキスト入力ボックスが 1 つあるフォームがあります。ユーザーがボックスに数字を入力できるようにしたい。ユーザーがフォームを送信すると、新しい Web サイトにリダイレクトされます。新しい Web サイトの URL は、フォームに入力された番号に基づいています。

URL の最初の部分は常にhttp://name.com/になります。

すると最後にユーザーが入力した数字が付きます。したがって、123456 がフォームに入力された場合、フォームの送信時にユーザーはhttp://name.com/123456に移動します。

どうすればこれを機能させることができますか? JavaScriptか何かが必要になると思います。

4

3 に答える 3

15 
<script>
    function process()
    {
        var url = "http://name.com/" + document.getElementById("url").value;
        location.href = url;
        return false;
    }
</script>

<form onSubmit="return process();">
    URL: <input type="text" name="url" id="url">
    <input type="submit" value="go">
</form>
于 2012-08-04T20:36:10.863 に答える
7

タグに追加できonsubmit="this.action='http://google.com/'+this.fieldName.value;"ます。

于 2012-08-04T20:37:25.483 に答える
2

これはそれを行う必要があります：

<script type="text/javascript">
    function goToPage() {
        var page = document.getElementById('page').value;
        window.location = "http://name.com/" + page;
    }
</script>
<input type="text" id="page" />
<input type="submit" value="submit" onclick="goToPage();" />
于 2012-08-04T20:38:01.873 に答える