表单输入未保存在JavaScript函数中。为什么？

Question

我找不到为什么这行不通。 “ document.getElementById（” number“）。value”不会在函数中“返回”。我的HTML代码：

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="Currency_Converter.css">
    <link rel="stylesheet"    href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"/> 
 </head> 
 <body>

 <div class="container">
 <h1>Currency Converter</h1>
 <form id="amount">Dollar amount &ensp;$<input id="number" type="number" name="number" onkeyup="getDollarAmount();" onchange="getDollarAmount();" placeholder="type dollar amount here" ></form>      
</div>     
</body>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script type='text/javascript' src="Currency_Converter.js"></script>
</html>

我的JavaScript：

function getDollarAmount() {
  var dollarAmount = document.getElementById("number").value;
    return (dollarAmount);
} 
console.log(getDollarAmount());

我的“函数getDollarAmount（）”不返回放入表单的数字。 当我“ console.log（dollarAmount）”时，我得到了输入。 当我取出“ document.getElementById（” number“）。value”并替换为数字时，（例如：5），“ getDollarAmount”函数将返回数字（5）。

显然，问题在于“ document.getElementById（“ number”）。value“，因为该函数以其他方式工作。 我需要怎么做才能将“ document.getElementById（” number“）。value”返回给“ getDollarAmount（）”？

Answer 1

尝试

var dollarAmount = $("#number").val();

Answer 2

这里的错误是您要返回值，而不是将dollarAmount变量分配给输入值属性。

除此之外，在您键入要转换的金额的相同位置返回转换后的货币值的想法不是一个好习惯，而且会造成混淆。

您应该有一个输入位置和一个显示转换后的值的位置。 这是更好的用户体验，对您也更好。

您不需要jQuery。 这是一个例子：

 var el = document.getElementById("number"); el.addEventListener("keyup", function() { //You need to assign the value to a variable var dollarAmount = getDollarAmount(); }); function getDollarAmount() { return el.value; }

 <input id="number" type="number" name="number" placeholder="type dollar amount here" value="0" >

希望能帮助到你。

表单输入未保存在JavaScript函数中。为什么？

问题描述

2 个解决方案

解决方案1
0 2017-04-05 14:54:54

解决方案2
0 2017-04-05 15:03:10

表单输入未保存在JavaScript函数中。 为什么？

问题描述

2 个解决方案

解决方案1 0 2017-04-05 14:54:54

解决方案2 0 2017-04-05 15:03:10

表单输入未保存在JavaScript函数中。为什么？

解决方案1
0 2017-04-05 14:54:54

解决方案2
0 2017-04-05 15:03:10