如何使用JavaScript動態添加HTML表單元素

Question

我正在嘗試使用javascript動態將文本字段添加到表單。 據我所知，我的代碼應該可以工作。

function change()
{
textField = document.createElement("text");
textField.id="sub"+count;
textField.name="sub"+count;
textField.value="Enter a name for another new subcategory";
textField.size="35";
textField.onchange="javascript:change()";
textField.onFocus="javascript:clearField()";
document.getElementById("addCatForm").appendChild(textField);
}

Answer 1

你要：

var field = document.createElement('input');
field.type = 'text';

注意：如果您要進行大量的Javascript開發，則可能要使用框架，例如ExtJS

要做的代碼是：

var field = Ext.get('form').createChild({
    tag: 'input'
    //other options
});
field.on('change', change);
field.on('focus', focus);

Answer 2

您正在創建TEXT元素，但向其中添加了INPUT元素。