基于文本输入字段创建动态链接 - create dynamic link based on text input field

create dynamic link based on text input field

我试图使一个文本输入字段，访问者可以输入一个值，然后点击去或提交。

根据数字编号，它们将被发送到一个新的页面。

例如，如果他们输入123并点击提交，它会将他们发送到http://www.example.com/page/123

谁能帮我把这个启动和运行起来?谢谢你

我们开始玩了。只需复制代码并将其保存为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>