使用javascript创建和提交表单

前端之家收集整理的这篇文章主要介绍了使用javascript创建和提交表单前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试创建一个表单并立即使用 javascript提交,我无法弄清楚我做错了什么.这是我的代码
function autoLogIn(un,pw) {
var form = document.createElement("form");
document.body.appendChild(form);
form.method = "POST";
form.action = "login.PHP";
var element1 = document.createElement("<INPUT NAME='un' TYPE='hidden' VALUE='"+un+"'>");  
 form.appendChild(element1);
var element2 = document.createElement("<INPUT NAME='pw' TYPE='hidden' VALUE='"+pw+"'>"); 
form.appendChild(element2);
form.submit();
}

解决方法

问题是createElement不接受HTML.它接受一个标记名并返回一个DOM元素.然后可以将该元素的value属性设置为您需要的.
function autoLogIn(un,pw) {
    var form = document.createElement("form");
    var element1 = document.createElement("input"); 
    var element2 = document.createElement("input");  

    form.method = "POST";
    form.action = "login.PHP";   

    element1.value=un;
    element1.name="un";
    form.appendChild(element1);  

    element2.value=pw;
    element2.name="pw";
    form.appendChild(element2);

    document.body.appendChild(form);

    form.submit();
}

猜你在找的JavaScript相关文章