Question

使用javascript，我正在尝试执行以下操作。我会把它归结为最简单的版本。

我想将一个变量从文本字段传递到一个URL，并在提交表单时访问该URL。

用户在文本输入字段“123”
用户点击提交按钮
浏览器点击

另一个问题没有解决我的问题，因为它没有发送用户输入的变量。

谢谢。

Answer 1

你可以这样做：

<form onSubmit="myFunction(); return false;">
    Enter name: <input id="myti" type="text"/>
    <input type="submit"/>
</form>

<script>
    function myFunction(){
        var currentUrl = window.location.href;
        window.location.href = currentUrl+"?"+ document.getElementById("myti").value;
    }
</script>

Answer 2

解释

您想将用户重定向到

https://www.example.com/?myVariable=whatevertheusertyped

解决方案

如果您为该字段指定了一个id属性，则可以通过Javascript访问该值，即document.getElementById('id').value将为您提供id的值（其中id可以是您的任何内容想要作为id）。
有一个Javascript变量window.location.href，当更改时，会将页面的网址更改为更改的内容。

<强>因此：

<input type="text" id="test"><br><br>
<button onclick="window.location.href='http://www.example.com?myVariable='+document.getElementById('test').value">Submit</button>

如何使用javascript从文本输入字段发送URL中的变量？

2 个答案:

解释

解决方案