javascript - 获取表单字段的文本

标签 javascript forms element

我是 JavaScript 新手。我正在尝试制作一个表单并访问文本字段的值。那不起作用。因此,我添加了一个小测试脚本来显示仅包含字段值的警报。那也行不通。我正在关注文档,但我不明白为什么它不起作用。我尝试了几种不同的方法。我将其显示为评论。他们都不起作用。非常感谢任何帮助。

<html>

<head>


</head>

<body>

<script language="javascript" type="text/javascript">
//<!-- hide from older browsers

alert("document.TalkNow.explain1")
alert("HI")

var stmtArray = new Array
var permWords = new Array ["always","never"]
var neutralWords = new Array ["sometimes","often","frequent"]
var pervasiveWords = new Array ["every", "all", "each"]
var localWords = new Array ["some", "few"]
var internal = new Array ["I","me"]
var external = new Array ["He", "She", "They"]
var stories[3] = new Array


// function Scrolling essage Footer
function parseExplain(){
    //alert(document.forms[0].elements[0])

}


// parser function

//-->
</script>

<script language="javascript" type="text/javascript">
//<!-- hide from older browsers

//var text=document.getElementById("TalkNow").elements[0].value
//var text=document.getElementById("TalkNow").elements[0].value
//var text=document.forms["TalkNow"]["explain1"].value
//alert(text)

//alert(document."TalkNow".explain1.value)
//alert(document."TalkNow".elements[0].value)
//alert(document.form[0].elements[0])



//-->
</script>

<p id="demo"></p>

<form name="TalkNow" action="#">
 <p>
 <h2>What happened?</h2>
 <input type="textarea" name="event" size="80">
 </p>
 <h2>How you explain this?</h2>
 <input type="text" name="explain1" size="80">
 <input type="button" name="Assess" value="Evaluate" onClick="parseExplain()"> 
 <p>
 <h2>What happened next?</h2>
 <input type="textarea" name="event" size="80">
 <p>
 <h2>How you explain this?</h2>
 <input type="text" name="explain2" size="80">
 <input type="button" name="Assess" value="Evaluate"> 
 <p>
 <h2>What happened after that?</h2>
 <input type="textarea" name="event" size="80">
 <p>
 <h2>How you explain this?</h2>
 <input type="text" size="80">
 <input type="button" name="Assess" value="Evaluate"> 
</form>

</body>

</html>

最佳答案

使用这个:

首先,将 ID 设置为 talkNow,而不是名称。

然后,使用以下 JavaScript 来访问它的值。

document.getElementById("talkNow").value;

祝你好运!

关于javascript - 获取表单字段的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26673470/

相关文章:

javascript - Service Worker 可以获取和缓存跨源 Assets 吗?

javascript - 状态已保存,但表示未保存

java - 使用表单元素上传图像时出现错误

javascript - 使用 JavaScript 获取包含 session 用户输入值的 HTML 字符串

javascript - 保留 Highstock 图表中缺口的时间间隔比率

javascript - 尝试从 Firefox 读取实时 HTTP header 报告

javascript - 通过 "name"而不是 "id"定位多个复选框

jquery - $(this) 在 jQuery 顶层的含义

javascript - jQuery - 隐藏元素的最佳方式? (以防止元素在实际隐藏之前闪烁)

javascript - 使用 JavaScript 跟踪所有点击的元素