获取表单字段的文本

时间:2014-10-31 11:20:25

标签: 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>

2 个答案:

答案 0 :(得分:2)

使用此:

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

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

document.getElementById("talkNow").value;

祝你好运!

答案 1 :(得分:0)

你需要在生成html之后运行javascript,我也可以在注释脚本中看到你使用点将字符串添加到一起,在javascript中你可以使用+号。
这里:

alert("document.TalkNow.explain1")

你只是警告一个字符串,它位于惊叹号之间所以它将作为一个字符串处理,当你删除它们时它将作为命令处理,虽然它不会提醒任何有用的因为你只是获取元素和不是元素的价值。