Javascript文本框 - 查找最低输入和填充

时间:2015-04-01 23:11:48

标签: javascript textbox

好的,所以这就是我想要做的事情。我有两个文本框,用户将在每个文本框中输入一个数字。然后,当他们单击按钮时,第三个文本框应该出现在内部最低的数字。

我的文本框出现了,但我无法获得与其一起显示的最低数字。到目前为止,这是我的代码。

<html>
   <head></head>
   <body>
      <script>

         function addTextBox() {
         var element = document.createElement("input");

         element.setAttribute("type", "text");
         element.setAttribute("id", "Text3");
         document.body.appendChild(element);

         fill();
         }

         function fill() {
         value = Math.min(document.getElementById("Text1").value, document.getElementById("Text2").value);
         }

      </script>
      <form>
         <input type="text" id="Text1" value="Number 1">
         <input type="text" id="Text2" value="Number 2">
        <input type="button" onclick="addTextBox()">
      </form>
   </body>
</html>

1 个答案:

答案 0 :(得分:0)

您没有将输入值设置为值,只计算了它。所以正确的addTextBox()函数将是:

function addTextBox() {
    var element = document.createElement("input");

    element.setAttribute("type", "text");
    element.setAttribute("id", "Text3");
    document.body.appendChild(element);

    element.value = Math.min(document.getElementById("Text1").value, document.getElementById("Text2").value);
}

确保在输入中输入数字,否则您将获得NaN