0

如果这是一个愚蠢的问题，我很抱歉，但我正在环顾四周，但没有找到适合我的答案。我正在使用 JavaScript，并且我有一个带有一个文本输入的 html 表单。当有人为该输入输入一个值并提交表单时，我想返回到相同的 HTML 页面，但他们输入的内容显示在页面的其他位置。这是我的表格：

<form name="chatInput" action="index.html"  method="get">
        chat:<input type="text" name="chat"/>
</form>

我看到了一些关于拥有的东西：

var chatText = document.forms[0].elements[0];

但是当我尝试使用它时，我得到 [object HTMLInputElement]

此外，如果表单已经输入过一次但最初没有输入，我只想创建该变量。我将如何检查这个？

感谢您提供任何信息。

4

3 回答 3

2 
var chatText = document.forms[0]['chat'].value;

http://jsfiddle.net/XLeAn/

于 2012-10-29T03:08:20.790 回答
0

尝试这个：

var chatText = document.forms[0].elements[0].value;
于 2012-10-29T03:06:41.523 回答
0

如果您不想重新更新 html，我建议您不要使用表单标签。

相反，我会创建一个带有 onclick 属性的按钮。

<input type="button" value="Update" onclick="someFunction()">

然后在 JS 部分，有这样的东西。

var someFunction = function(){
    var chatText = document.getElementById("this-is-the-element-I-want").value;
}

当然，请确保您尝试从中检索信息的元素具有 id。

<input type="text" name="chat" id="this-is-the-element-I-want">

编辑：代码缩进和清晰度

于 2012-10-29T03:11:09.590 回答