使用onsubmit形式的JS函数返回值

时间:2019-06-20 09:54:13

标签: javascript html

我有一个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">

但是这里返回的空值。

我该怎么办?

1 个答案:

答案 0 :(得分:2)

在输入中添加一个名称。 HTML表单,请使用name属性传递值。

您甚至不需要使用JS设置action属性。 因此,只需在videoYoutube.asp属性中添加action,并在相应的输入中添加name属性,如下所示。

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