0

我是一个关于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 'utente' 保存文本框的值。

4

4 回答 4

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();" /> 
于 2012-06-15T13:24:17.733 回答
1

而不是var Name = document.name.utente.value;,您可能想要使用类似的东西var Name = document.getElementById('utente').value;

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

于 2012-06-15T13:19:06.600 回答
1

此 Javascript 应将该输入元素的值存储到变量“名称”中,然后将其写出。

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

document.write(Name);

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

于 2012-06-15T13:19:22.130 回答
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( ) );
于 2012-06-15T13:22:31.860 回答