如何使用javascript动态添加HTML表单元素

时间:2010-06-23 16:25:27

标签: javascript

我正在尝试使用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);
}

2 个答案:

答案 0 :(得分:2)

你想:

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);

答案 1 :(得分:1)

您正在创建一个TEXT元素,但为INPUT元素添加内容。