javascript 从表单加载连接链接

mctunoxg 于 12个月前发布在 Java

关注(0)|答案(2)|浏览(201)

我很难将输入从一个字段连接到一个链接，当用户单击提交时，该链接将被加载。我目前的表单代码如下所示：

<form id="your_form">
  <input type="text" name="FPCAbundanceGroup" id="keywords" 
  onclick="location.href='https://meet.jit.si/FPCAbundanceGroup' + document.getElementById("keywords").value;">
  <p></p>
  <input type="submit" value="Join Group" >
</form>

字符串
目的是将生成的链接加载到当前窗口中。当我不尝试连接时，此方法有效，但当我这样做时会失败。提前感谢您查看。

JavaScript

来源：https://stackoverflow.com/questions/77740696/load-concatenate-link-from-form

2条答案

按热度按时间

wb1gzix01#

这是一个语法错误。您使用引号"和getElementById过早地关闭了onclick函数。仅使用"开始和结束函数，对函数中的任何其他字符串使用'
也可以对链接字符串中的//进行转义：

<input type="text" name="FPCAbundanceGroup" id="keywords" 
onclick="location.href='https:\/\/meet.jit.si/FPCAbundanceGroup' + document.getElementById('keywords').value;>"

字符串

赞(0）回复(0）举报 12个月前

g0czyy6m2#

表单可以执行get请求，而无需更改位置。这里，每当用户在表单字段中写入内容时，我都会更改表单上的action属性。表单将只对url执行get请求。请注意，input元素上的form属性的值为“none”（只是一个随机值，它 * 不 * 引用表单），所以输入元素的值不在请求的查询字符串中。

document.forms.form01.addEventListener('input', e => {
  document.forms.form01.action = `https://meet.jit.si/FPCAbundanceGroup${e.target.value}`;
});

个字符

赞(0）回复(0）举报 12个月前

我来回答

javascript 从表单加载连接链接

2条答案

相关问题

热门标签

最新问答