根据文本输入字段创建动态链接

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了根据文本输入字段创建动态链接相关的知识,希望对你有一定的参考价值。

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

根据数字编号,他们将发送到新页面。

例如,如果他们输入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>

以上是关于根据文本输入字段创建动态链接的主要内容,如果未能解决你的问题,请参考以下文章

根据在单元格中的文本字段中输入的值动态增加表格视图单元格

键入另一个文本字段时,动态文本字段数据将丢失

JavaScript-如何使用输入字段动态创建多个 div

根据 WooCommerce 中的自定义结帐单选按钮和文本字段设置动态费用

在As3中创建一个动态表

是否可以像 Whatsapp messenger 一样使用预填充文本输入字段的文本创建指向用户的链接?