基于文本输入字段创建动态链接答案

【问题标题】：create dynamic link based on text input field基于文本输入字段创建动态链接
【发布时间】：2021-04-17 01:43:24
【问题描述】：

我正在尝试创建一个文本输入字段，访问者可以在其中输入一个值，然后点击 go 或 submit。

根据数字号码，他们将被发送到新页面。

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

有人可以帮我启动并运行它吗？谢谢

【问题讨论】：

向我们展示你到目前为止的尝试。
您使用什么语言？什么服务器？
如果你还没有实现任何我建议在 python 中使用瓶子
@rm-rf example.com/page" id="link">链接文本 var input = document.getElementById('input'); link = document.getElementById('link'), link.onclick = link.oncontextmenu = link.onmousedown = function () { this.href = ('example.com/page/")+.input.value; };
@FarzanMajdani javascript 或 php

标签： javascript php forms hyperlink location-href

【解决方案1】：

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

【讨论】：

tnx farzan，但我会在 php 脚本中使用这种形式，
我已经为您编写了代码，只需将 url 更改为您需要的内容。如果回答了您的问题，请将其标记为已接受的答案。
非常感谢您。但是当点击按钮时不会将我重定向到 url。
确实如此，我已经测试了代码并且它可以工作。控制台出现什么错误？
所以请将我的答案标记为已接受的答案，只需单击我答案左侧的小勾号即可。谢谢礼萨詹