从输入调用表单操作

时间:2014-04-13 02:27:08

标签: html forms input submit action

我正在尝试创建一个表单,将POST数据发送到输入的网站。

<form method="post" action="(Here's where I need to get the website URL into from the input below)">
<div id="website">
<input name="site" id="site" value="" placeholder="http://example.com">
</div>
<input name="data" value="">
<button type="submit">Submit</button>
</form>

我该怎么做呢?我想要的是你输入网站和发布数据,然后将数据发送到输入的网站。

感谢任何帮助。感谢。

1 个答案:

答案 0 :(得分:0)

http://jsfiddle.net/bhilleli/Vyu64/5/

基本上,我刚刚在文本框中创建了一个事件,因此每次在文本框中输入内容时,表单的操作都会更新。

<form method="post" id="myForm" action="">
<div id="website">
<input name="site" id="site" value="" placeholder="http://example.com">
</div>
<input name="data" value="">
<button type="submit">Submit</button>
</form>

JS

window.onload = function(e) {  
    document.getElementById("site").onkeyup=function(e) {
        document.getElementById("myForm").action=document.getElementById("site").value;  
        console.log(document.getElementById("myForm").action);
    }
}