Question

这是我的HTML：

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    </head>
    <body>
        <form style="clear: left;" id="form">
            <input type="text" id="name" disabled="true" value="/path/to/device">
            <select name="Mode" id="mode">
                <option value="GEN">Generate Data</option>
                <option value="XBEE">Receive via XBEE</option>
                <option value="SD">Read SD card</option>
            </select>

            <input type="text" id="path" disabled="true" value="/path/to/device">
            <select name="Baud Rate" id="baud" disabled="true">
                <option value="9600">9600</option>
            </select>

            <button type="button" id="control">Start</button>
        </form>

        <textarea rows="50" cols="80" id="log" maxlength="1000">
        </textarea>

        <script type="text/javascript" src="http://127.0.0.1:8000/static/dataLogger/js/socket.io.js"></script>
        <script type="text/javascript" src="http://127.0.0.1:8000/static/dataLogger/js/main.js"></script>
</body>
</html>

我的javascript：

var form = document.getElementById("form");
var modeSelect = document.getElementById("mode");
var name = document.getElementById("name");
var path = document.getElementById("path");
var baud = document.getElementById("baud");
var submit = document.getElementById("control");

console.log(name);
console.log(name.value);
console.log(path);
console.log(path.value);

当我运行此代码时，以下是输出：

[object HTMLInputElement]
undefined
input#path
/path/to/device

我不确定为什么第二个输入有效，但第一个输入不是我尝试使用其他选择器，如getElementsByTagName，但结果相同。有什么想法吗？

Answer 1

我不知道name是Javascript中的保留字。将var name更改为其他内容可解决此问题。

无法访问[object HTMLInputElement]的值

1 个答案: