表单输入用作类构造函数参数

时间:2013-10-22 01:59:49

标签: jquery html

我已经阅读了处理这个主题的其他主题,但答案不适合我的例子。

我正在尝试使用表单输入作为我的类构造函数的参数,方法是使用jQuery获取元素值并将其设置为this.elementvalue,然后调用它们作为参数Person(this.name,this.age,this.gender,this.hair_col,this.eye_col);

虽然它似乎对我不起作用......

http://jsfiddle.net/ryanhagz/q92MP/

1 个答案:

答案 0 :(得分:1)

1)您应该将输入参数的值分配给实例变量:

this.name = document.getElementById(fname).value;

应改为

this.name = name;

2)this指的是什么?由于您已将id分配给<input>元素,因此您只需使用id s获取其值:

new Person(this.name,this.age,this.gender,this.hair_col,this.eye_col);

应改为

new Person($("#fname").val(), $("#fage").val(), $("#fgender").val(), $("#fhair_col").val(), $("#feye_col").val());

function Person(name, age, gender, hair_col, eye_col) {
    this.name = name;
    this.age = age;
    this.gender = gender;
    this.hair_col = hair_col;
    this.eye_col = eye_col;
    alert(this.name + ' has been created');
    alert('CHARACTER INFO - \n\tname: ' + this.name + '\n\tage: ' + this.age + '\n\tGender: ' + this.gender + '\n\tHair Color: ' + this.hair_col + '\n\tEye Color: ' + this.eye_col);
}
$(document).ready(function() {
    $("#create_char_btn").click(function() {
        $("#create_char_form").css("display", "block")
    });
    $("#create_btn").click(function() {
        var createPerson = new Person($("#fname").val(), $("#fage").val(), $("#fgender").val(), $("#fhair_col").val(), $("#feye_col").val());
        createPerson;
    });
});