3

訪問者が値を入力してから [go] または [submit] を押すことができるテキスト入力フィールドを作成しようとしています。

桁数に基づいて、新しいページに送信されます。

たとえば、123 と入力して [送信] をクリックすると、 http://www.example.com/page/123に送信されます。

誰かがこれを起動して実行するのを手伝ってくれませんか? ありがとうございました

4

1 に答える 1

14

では、お楽しみください。コードをコピーして html として保存するだけです。phpなどは必要ありません。サーバー側のコードを必要とするのは簡単すぎます。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

    $('#button').click(function(e) {  
        var inputvalue = $("#input").val();
        window.location.replace(" http://www.example.com/page/"+inputvalue);

    });
});
</script> 
</head>
<body>

       <input type="text" value="11" id="input"> 
       <button type="button" id="button">Click Me!</button>
</body>
</html>
于 2014-06-17T14:26:46.730 に答える