javascript - 如何正确使用 javascript 和 SUBMIT？

Question

在过去 24 小时内的某个时刻，我有一个名为 get_contact_info 的工作函数，它返回一系列文本输入的内容。突然，代码停止返回值并开始返回“未定义”作为元素值，尽管代码或 html 中的注释已更改。

custom.js 包含以下内容

var first_name, last_name, email, phone_number;
var contact_info = [];

function get_contact_info(){
    alert("This is the function called by the button");
}
/*  contact_info[0] = document.getElementsByName('fname').value;
    contact_info[1] = document.getElementsByName('lname').value;
    contact_info[2] = document.getElementsByName('email').value;
    contact_info[3] = document.getElementsByName('phone').value;

    alert("Name = " + contact_info[0] + " " + contact_info[1]);
    alert("Email = " + contact_info[2] + ", Phone Number " + contact_info[3]);
};*/


}());

我的 html 如下:

        <form>
        <table>
            <tbody>
                <tr><div class="custom text" style="color: red"><strong>Please enter your contact info to create a quote</strong></div></tr>
                <tr><td></td></tr>
                <tr>
                    <td><strong>First Name:</strong></td>
                    <td><input type="text" id="fname" value="Joe"/></td>
                </tr>
                <tr>
                    <td><strong>Last Name:</strong></td>
                    <td><input type="text" id="lname" value="Johnson"/></td>
                </tr>
                <tr>
                    <td><strong>Email:</strong></td>
                    <td><input type="text" id="email" value="joe@johnson.com"/></td>                        
                </tr>
                <tr>
                    <td><strong>Phone Number:</strong></td>
                    <td><input type="text" id="phone" size="15" value="555-1212"/></td>     
                </tr>

                <tr>
                    <td><input id="contact_info" type="submit" value="Set My Contact Info" onClick="get_contact_info()" /></td>                     
                </tr>
            </tbody>                
        </table>
    </form>

我是否错误地执行了此操作？我正在尝试自学基本的 javascript，但我似乎在这方面失败了，并且不知道在哪里。

在 Firefox v30.0 中使用 Firebug，控制台调用 document.getElementsByName('fname').value;返回“未定义” document.getElementsByName('fname');返回一个 NodeList，但没有元素。

叹息

Answer 1

使用 getelementbyidID 而不是 name，或者设置 name 属性。

contact_info[0] = document.getElementByID('fname').value;