当前位置：文江博客话题详情

我需要有关表单提交的帮助，请阅读详细信息

发布于 2024-10-06 00:09:35 字数 130 浏览 1 评论 0原文

我想创建一个表单，用户可以在其中输入一个数字，如“12345”，单击提交按钮时，结果为 http://www.URL.com/12345

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

恋竹姑娘 2024-10-13 00:09:35

您是否需要将该数据发布到某个地方，或者您只想跳转到该位置？
您可以尝试不使用表格：

<label for="number">Number: </label>
<input type="text" id="number" /><br />
<input type="button" 
    onclick="window.location='http://www.URL.com/'+document.getElementById('number').value;" />

Do you need that data to be posted somewhere, or do you just want to jump to that location?
You could try without a form:

<label for="number">Number: </label>
<input type="text" id="number" /><br />
<input type="button" 
    onclick="window.location='http://www.URL.com/'+document.getElementById('number').value;" />

回复收藏 0 原文

如梦亦如幻 2024-10-13 00:09:35

这是将事件与标记分开的 jQuery 版本。可以在此处查看演示

<html>
<head>
    <script type="text/javascript" src="jquery-1.4.2.js"></script>
    <script>
      var url="http://www.url.com/";
      $(document).ready(function(){$("#go").click(function(){
           url+=$("#parameter").val()
           window.location=url;
           });
       });
    </script>
</head>
<body>
    <input type="text" id="parameter"/>
    <button id="go">Go</button>
</body>

Here's the jQuery version separating the events from the markup. Demo can be seen here

<html>
<head>
    <script type="text/javascript" src="jquery-1.4.2.js"></script>
    <script>
      var url="http://www.url.com/";
      $(document).ready(function(){$("#go").click(function(){
           url+=$("#parameter").val()
           window.location=url;
           });
       });
    </script>
</head>
<body>
    <input type="text" id="parameter"/>
    <button id="go">Go</button>
</body>

回复收藏 0 原文

~没有更多了~