输入的 JavaScript 值

标签 javascript textbox

这应该计算周长,但是,我只得到一个零返回。我究竟做错了什么?

<html>
<head>
<script type="text/javascript">
    var index = false;
    var text = "This text shifts";

var Pi = 3.14159265;
    var dia = document.getElementById("txtdia");  
var circumf =  dia * Pi;

    function DisplayText(){

        document.getElementById("txtcircumf").value = circumf;
    }
</script>
</head>
<body>
<form> 
   <input type="text" id="txt1"/>
   <input type="text" id="txt2"/><br>
   <input type="text" name="txtdia" />
   <input type="text" name="txtcircumf" />  
   <input type="button" value="Change Text" onclick="DisplayText()"/>
</form>
</body>
</html>

最佳答案

您遇到的主要问题是该脚本将在您的 dom 准备好之前运行。因此,即使您正确获取了直径的,它仍然无法工作,因为 document.getElementById("txtdia") 不会返回任何内容。

我每次都会获取直径值。

function DisplayText(){
    var dia = document.getElementById("txtdia").value;  
    var circumf =  dia * Pi;
    document.getElementById("txtcircumf").value = circumf;
}
<小时/>

当然,另一个选择是将整个脚本放在 html 之后。即

</body>

<script type="text/javascript">
    var index = false;
    var text = "This text shifts";

关于输入的 JavaScript 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20887820/

相关文章:

javascript - ES6类继承的表现

c# - 文本框 PreviewTextInput - 只接受数字和 ':'

php - 使用不同数量的文本框更新 mysql 数据库

HTML/CSS 制作一个带有灰色文本的文本框,当我点击输入信息时消失,如何?

Javascript i (index, iterator) : if used as a variable, 它总是被解释为索引位​​置吗?

javascript - 禁用不被视为 HTML 属性

jquery - 使用 Jquery 设置 TextBox 值,其中设置了 TextMode ="date"属性

WPF 不可空数据绑定(bind)默认清除文本框?

php - 使用 javaScript 从 PHP 读取 Json

javascript - indexOf 但对于对象呢?