Question

好的我是JS的新手，人们一直在帮助我，但是我在创建一个包含多个输入元素的表单时遇到了问题。第二个元素出现了，但是第一个元素是用第二个元素的input.value填充的，而第二个元素没有得到任何值

之前我没有使用过DOM功能，所以我可能搞砸了我打电话给他们的方式。非常感谢任何帮助

newWindow = window.open("", null, "height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");  


newWindow.document.title = "Info Window";


// create a form and set properties
var form = document.createElement('form');
form.action = 'http://google.com';
form.method = 'post';

// insert into the body of the new window
newWindow.document.body.appendChild(form);

// add text before the input
var cNumLab = document.createElement('cNumLab');
form.appendChild(document.createTextNode('Craft Number:'));

// add a text input
var input = document.createElement('input');
input.type = 'text';
input.name = 'input';
input.value = 'Enter Craft Number Here';
form.appendChild(input);

//add linebreak
var linebreak = document.createElement('br');
form.appendChild(linebreak);

// add text before the input
var sDescL = document.createElement('sDescL');
form.appendChild(document.createTextNode('Short Desc:'));

// add a text input
var sDesc = document.createElement('input');
input.type = 'text';
input.name = 'sDesc';
input.value = 'Enter Short Description Here:';
form.appendChild(sDesc);

Answer 1

在你的第二个“输入”中，变量引用第一个字段“input”而不是后面的“sDesc”

应该是

// add a text input
var sDesc = document.createElement('input');
sDesc.type = 'text';
sDesc.name = 'sDesc';
sDesc.value = 'Enter Short Description Here:';
form.appendChild(sDesc);

JavaScript无法创建多个输入

1 个答案: