输出变量onclick

时间:2012-06-15 13:14:12

标签: javascript html variables

我是javascript的初学者,我对这种语言的变量有些怀疑。

例如,我有这段代码:

<html>
<head>
<title>Prova_Index</title>

<script language="javascript" type="text/javascript">
function stampa(){
var Name = document.name.utente.value;
document.Write(Name);
}
</script>

</head>

<body>
<form name="name">
<p> Write some text:</p>
<input type="text" id="utente">

</form>
<input type="submit" value="Click me" onClick="stampa()"> 
</body>
</html>

这是代码,我的疑问特别是如何使用id'tentente'保存文本框的值。

4 个答案:

答案 0 :(得分:3)

通过替换代码来编写此代码

function stampa()
            {
                var Name = document.getElementById('utente').value;
                alert(Name);
                return false;
            }
    <input type="text" id="utente">

    <input type="submit" value="Click me" onclick="return stampa();" /> 

答案 1 :(得分:1)

而不是var Name = document.name.utente.value;,您可能希望使用类似var Name = document.getElementById('utente').value;

的内容

实际上,您可能需要考虑使用jQuery。对于跨浏览器的怪异而言,它比使用普通的旧DOM操作更可靠。

答案 2 :(得分:1)

这个Javascript应该将该输入元素的值存储到变量“Name”中,然后将其写出来。

var Name = document.getElementById("utente").value;

document.write(Name);

我会预先警告您,当您使用HTML <form>标记并尝试使用submit输入执行函数时,页面将提交,然后onClick函数将不会被执行。

答案 3 :(得分:1)

首先。请解释一下你想做什么。我们不清楚。

其次。当你开始使用JavaScript编程时,我建议使用ID。

当您查看代码时。它将在函数准备好后提交。所以你可以尝试使用它:

<input type="submit" value="click me" onclick="stampa( ); return false;" />

它不会提交表格,您可以看到您的结果。 你也可以使用alert();用于调试或console.log()的函数;如果你使用Firefox与Firebug或Opera与Dragonfly。

您可以在脚本中尝试此操作:

console.log( document.getElementById( 'something' ).value( ) );