javascript - 以 onsubmit 形式使用 JS 函数返回一个值

Question

我有一个返回输入值的 JS 函数，我想用它将该值放入 onsubmit 表单发送的链接中。

这是我的代码:

function getValue() {
  return 'videoYoutube.asp?lienYout=' + document.getElementById("lienYoutube").value;
}

function setFormUrl() {
  var url = getValue();
  document.getElementById('testForm').setAttribute('action', url);
}

<form id="testForm" method="get" onsubmit="return setFormUrl(this)">
  <input type="text" id="lienYoutube">
  <input type="submit" value="Go">

但这里返回的是空值。

请问我该怎么做？

Answer 1

在您的输入中添加名称。 HTML 表单，使用 name 属性传递值。

您甚至不需要使用 JS 设置 action 属性。简而言之，在 action 属性中添加 videoYoutube.asp 并在相应的输入中添加 name 属性，如下所示。

<form id="testForm" method="get" action="videoYoutube.asp">
    <input type="text" id="lienYoutube" name="lienYout">
    <input type="submit" value="Go">
</form>