2015-04-01 80 views
0

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

我的文本框出现了,但我无法得到与它一起出现的最低编号。这是我的代码到目前为止。

<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> 

回答

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

+0

感谢您的帮助! – Lou 2015-04-01 23:33:53