2015-04-01 29 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