Question

请尝试获取用户估算的值，但是当我输入值并提交提交时，页面会重新加载而不显示值。请帮忙。谢谢

var body = document.body,
    tbl = document.createElement('table');
tbl.style.width = '100px';
tbl.style.border = '2px solid yellow';
var n = 10
for (var i = 0; i < n; i++) {
    var tr = tbl.insertRow();
    var td = tr.insertCell(0);
    var tf = tr.insertCell(0);
    var input = document.getElement('input');
    input.name = "input2";
    input.id = "input2";
    input.value = "";
    var clone = input.cloneNode();
    clone.name = "input1";
    clone.id = "input1";
    td.appendChild(clone);
    tf.appendChild(input);
    td.style.border = '2px solid  yellow';
    tf.style.border = '2px solidyellow';
}
var form = document.createElement("form");
form.appendChild(tbl);
body.appendChild(form);
var submit = document.createElement("input");
submit.type = "submit";
Submit.on click = 'show()'

function show() {
    var c = document.getElementById("input2").value;
    document.write(c.value);
}
form.appendChild(submit)
tableCreate();
var c = document.getElementById("input2");
document.write(c);

Answer 1

我认为做myElement.onclick='show()'这样的事情是有道理的，因为无论如何你都在用JS做事。为什么不直接向表单添加一个事件监听器，它会监听提交？如果我找到你的话，防止默认操作（包括刷新页面）应该是你要找的。

form.addEventListener('submit', function(event){
    event.preventDefault(); // <-- prevents page reload
    // 
    // Here goes your code, that should
    // execute when the form is submitted
});

修改这是JSFiddle。输入一些值，按提交，然后检查您的控制台。您将看到2个数组 - 一个具有左值，一个具有正确的数组。

从Javascript中的表中提取值

1 个答案: