的JavaScript：使用JavaScript填写HTML表单并提交

我需要填写HTML表单是这样的：的JavaScript：使用JavaScript填写HTML表单并提交

<form action="http://www.example.net/index.php" method="post"> 
<div class="poll"> 
<p class="poll-answer"> 
<label><input type='radio' name='option_id' value='12' />Abc</label> 
</p> 
<p class="poll-answer"> 
<label><input type='radio' name='option_id' value='34' />Def</label> 
</p> 
<input type="hidden" name="poll_id" value="56" /> 
<input type="submit" value="Submit!" /> 
</div> 
</form>

我需要使用JavaScript来填充它，并将其发送。

我所著：

<script> 
function post(path) { 
    method = "post"; 
    var form = document.createElement("form"); 
    form.setAttribute("method", method); 
    form.setAttribute("action", path); 

    var hiddenField = document.createElement("input"); 
    hiddenField.setAttribute("type", "radio"); 
    hiddenField.setAttribute("name", "option_id"); 
    hiddenField.setAttribute("value", "12"); 

    hiddenField.setAttribute("type", "hidden"); 
    hiddenField.setAttribute("name", "poll_id"); 
    hiddenField.setAttribute("value", "56"); 

    form.submit(); 
} 
post('http://www.example.net/index.php'); 
</script>

但在回答有没有数据。我需要发送表格Abc = value='12'。表单操作不在我的域名上。我有a.com，表格是b.com。

# nc -l 192.168.1.11 -p 80 
POST /index.php HTTP/1.1 
Host: example.net 
Connection: keep-alive 
Content-Length: 0 
Cache-Control: max-age=0 
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8 
Origin: null 
User-Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/38.0.2125.101 Safari/537.36 
Content-Type: application/x-www-form-urlencoded 
Accept-Encoding: gzip,deflate 
Accept-Language: cs-CZ,cs;q=0.8

我做得不好？

来源

2014-10-17 martin

看起来您忘记将隐藏字段添加到表单中，并将表单追加到文档中。 – wwwmarty 2014-10-17 13:56:40

您忘记将隐藏字段附加到表单和表单到文档中。

<script> 
function post(path) { 
    method = "post"; 
    var form = document.createElement("form"); 
    form.setAttribute("method", method); 
    form.setAttribute("action", path); 

    var hiddenField = document.createElement("input"); 
    hiddenField.setAttribute("type", "radio"); 
    hiddenField.setAttribute("name", "option_id"); 
    hiddenField.setAttribute("value", "12"); 

    form.appendChild(hiddenField); 

    hiddenField = document.createElement("input"); 
    hiddenField.setAttribute("type", "hidden"); 
    hiddenField.setAttribute("name", "poll_id"); 
    hiddenField.setAttribute("value", "56"); 

    form.appendChild(hiddenField); 
    document.body.appendChild(form); 

    form.submit(); 
    } 
post('http://www.example.net/index.php'); 
</script>

来源

2014-10-17 13:59:08 leopik

即使属性发生更改，您也会追加两次相同的字段对象。第二次创建一个新的输入元素。 – 2014-10-17 14:00:43

如果我用您的代码打开html页面，则不会发送到服务器。我查看'/ var/log/apache/access.log'和'/ var/log/apache/error.log'，并且没有任何消息:-(有什么不好吗？ – martin 2014-10-17 14:33:42

Chrome'inspect element' show me'Uncaught TypeError：undefined不是函数file.html：26path file.html：26（anonymous function）' – martin 2014-10-17 14:38:21

您已将表单和字段添加到文档中。您需要将该表单添加到文档中，并将该表单添加到表单中：

var form = document.createElement("form"); 
form.setAttribute("method", method); 
form.setAttribute("action", path); 

var hiddenField = document.createElement("input"); 
// bla bla 

form.appendChild(hiddenField); 
document.body.appenChild(form);

来源

2014-10-17 14:00:27 zozo

的JavaScript：使用JavaScript填写HTML表单并提交

回答

相关问题