创建一个使用其输入来确定链接的提交表单

时间:2016-12-12 01:37:37

标签: javascript html forms input

我想制作一个表单,在提交后,打开一个html文件,该文件使用同一选项卡中网址末尾的用户提交。

实施例。提交= link1,打开code.html / link1(同一窗口)

截至目前,推出,&#34; _self&#34;在window.open之后(&#34; code.html /&#34; + s ...只是让网址末尾有一个问号,我告诉它是因为GET方法。< / p>

(Javascript)
<script>
var s = document.getElementById("submit").value;
function doFunction(){window.open("code.html/" + s);}
</script>

(HTML)
<form onsubmit="doFunction()">
  <input id="submit" type="text" />
</form>

1 个答案:

答案 0 :(得分:3)

也许你可以试试这个:

<form onSubmit="return doFunction();" target="_self">
 <input id="text-value" type="text" >
 <input type ="submit">
</form>

我还添加了submit按钮。

<script type="text/javascript">
   function doFunction(){
   var s = document.getElementById("text-value").value;
   var url = "code.html/" + s;
   var win = window.open(url, '_self');
   return false;
}
</script>