使用 URL + GET 参数填写表单按钮而不提交表单

魔鬼

由于我对 JavaScript 不是很熟悉,所以我需要一些帮助。

我有一个简单的表单,其中包含 1 个标题行、1 个搜索按钮、1 个描述字段和提交按钮。

<form action="test_form.php" method="get" id="test_form1">
    Überschrift: <input name="label" id="label" type="text" /> <input name="google" type="button" value="google" /><br />
    Beschreibung: <textarea id="description" name="description" rows="5" cols="33">Beschreibung eingeben</textarea><br />
</form>
<button type="submit" form="test_form1" value="Submit">Eintragen</button> 

如果我在标题行中输入内容并单击 google 按钮,Google 页面应在新选项卡中打开,标题行中的文本应作为搜索参数自动附加到链接中。

例如,在标题行“动画图像”中,当您单击 Google 按钮时,应打开一个带有 URL“https://www.google.com/search?q=animated+Images”的新标签页。

如果它没有出现在标题中,当您点击 Google 时,Google 页面应该会在新标签页(“https://www.google.com”)中打开。

整个过程应该在不提交实际表格的情况下发生。

布万绍吉

您可以做的是在有人单击搜索按钮时调用 search() 函数,您可以使用 window.open() 函数打开带有查询参数的新选项卡

<script>
    function search(){
       let string = document.getElementById("label").value;
       window.open("https://www.google.com/search?q="+string);
   }
</script>
<input type=
<button onclick="search()">Search</button>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用 URL 参数填写表单

使用ajax提交表单后如何避免URL $ _GET变量?

使用URL参数提交Asp.Net表单

提交 $_GET 表单以创建漂亮的 URL

如何使用 JavaScript 函数根据单选按钮选择让我的表单提交按钮打开不同的 URL?

提交GET表单后,如何在结果url参数字符串中插入变量?

如何使用python填写和提交表单

在提交按钮“脆皮表单”上使用HTML元素和{{user.userprofile.image.url}}

使用GET自动方法提交表单

使用表单提交操作传递$ _GET变量

使用参数修改symfony表单的url

使用按钮 onclick 填写表单中的字段

HTML表单:仅使用HTML或CSS可以抑制提交的GET / POST参数吗?

根据单击的按钮更改表单提交URL

单击表单的“提交”按钮后获取URL

使用链接和提交按钮提交表单

提交表单后在URL中包含参数

Laravel:使用 get 参数处理旧 url

URL重写(如果使用GET参数)

为什么在表单上调用提交并单击提交按钮会产生不同的GET参数?

当提交按钮在表单外部时,使用$ .ajax提交表单

如何使用表单组件提交到外部URL?

获取使用JavaScript提交时从表单生成的URL

如何使用Robobrowser使用get操作提交表单

为什么 GET 提交表单后 $_GET 为空,为什么是“?” 在表单提交时附加到 URL

GET Strips查询参数的表单提交

如何使用grails表单中的两个点使用确切的URL提交表单?

编辑已填写的表单并使用 Ionic/Angular 重新提交

是否可以使用两个按钮将 GET 表单提交到两个不同的视图?