如何从用户输入javascript为属性赋值?

时间:2014-02-08 20:32:09

标签: javascript dom

你好我是JS的新手,想得到帮助。提前谢谢。

我可以从用户输入中获取值并将其指定为变量,但我希望将其作为实例属性的值。

这是html

<lebel id="car_builtYear" for="year">Year's Name</lebel>
<input type="text" id="year" value="">


 <lebel id="car_model" for="model">Model's Name</lebel>
 <input type="text" id="model" value="">

<lebel id="car_maker" for="maker">Manufacturer's Name</lebel>
<input type="text" id="maker"  value="">

这是JS

    var Car = function (maker, model, year) {
    this.maker = maker;
    this.model = model;
    this.year = year;
}

这是有效的

var Toyota = new Car("Toyota","X",1890);

这不起作用。

var Toyota = new Car(document.getElementById("maker").value,
                     document.getElementById("model").value,
                     document.getElementById("maker").value);

1 个答案:

答案 0 :(得分:0)

你的代码很好。问题是在页面加载时(即当您设置Toyota的值时)输入没有值。如果你想获得价值,然后设置丰田,你需要监听DOM或表单提交事件的变化。

这是一个带预设值的版本。工作正常(检查控制台):http://jsfiddle.net/rX5ae/