对象构造函数具有创建输入的方法
Object constructor has method to create input
这里是演示:
http://jsfiddle.net/b772ubch/e
正如您所看到的,我有四个输入,当我输入值时,我可以在控制台中检查例如卡路里的量(calcCalories();)。
enter code here
我想做什么?我想向对象构造函数添加一个方法,它在添加新产品的过程中自动将文本输入添加到主体部分,并且这个输入必须是以前输入的sibling。有什么想法吗?
您应该为您的输入创建标签字段。我所做的是更新您的createInput
函数以接受产品名称。然后,它处理创建标签、输入和br的所有工作。它为标签填充innerHTML。你走在了正确的轨道上。http://jsfiddle.net/b772ubch/4/
JS
function createInput(name) {
var input = document.createElement("input");
var br = document.createElement("br");
var newlabel = document.createElement("Label");
input.type = "text";
input.className = "css-class-name";
input.setAttribute("id", name);
newlabel.setAttribute("for", name);
newlabel.innerHTML = "Amount of " + name + " [g]: ";
container.appendChild(newlabel);
container.appendChild(input);
container.appendChild(br);
return input;
}
// Constructor //
function Product(name, calories, protein, fat, carbohydrates) {
this.name = name;
this.calories = calories;
this.protein = protein;
this.fat = fat;
this.carbohydrates = carbohydrates;
createInput(this.name);
}
相关文章:
- jquery插件或javascript方法自动调整文本输入(而非文本区域)(固定宽度)可变高度的大小
- 为什么控制台没有't使用输入的对象's的`toString`方法
- 是否有一种方法可以使用公共代码库在Java和JavaScript中进行输入验证
- 当输入字段为空时,如何在angular中调用方法
- 我能从“;输入“;事件是否有更好的方法来跟踪文本更改
- 不使用自定义CSS或HTML(使用框架方法)的角度材质文本输入或文本区域标签大小
- 使用JavaScript验证用户交互/输入-这是一种很好的方法
- 在d3.json中使用d3.csv组合多个csv文件数据输入的最佳方法是什么
- 如何从该文本的 onclick 方法中更改 d3.js 文本输入
- 有没有什么方法可以通过输入字段(type=file)来找出选择了多少个文件
- 在jquery中,从同一对象的属性设置输入字段和标签的正确方法是什么
- JavaScript 表单操作更改RC方法发布文本输入提交
- get没有方法“writefile”,即使输入是一个字符串
- 在输入类型提交按钮上调用 C# 方法
- Javascript - 以编程方式执行所有函数输入的方法
- 当输入值已更改时,html() 方法错误
- 如何用document.createElement(“input”)方法使输入文本字段动态扩展
- 什么'是使输入上禁用的属性与Meteor辅助对象反应的最佳方法
- JavaScript:格式化输入方法会给出错误的值
- 一种在javascript上获得具有两个输入(字符串)的散列键的方法