無法通過JavaScript從輸入字段中選擇值

<form id="form1"> 
     <table style="border:1px solid black ; font-family : Arial"> 
      <tr> 
       <td> 
        First Number 
       </td> 
       <td> 
        <input id="Text1" type="text"/> 
       </td> 
      </tr> 
      <tr> 
       <td> 
        Second Number 
       </td> 
       <td> 
        <input id="Text2" type="text"/> 
       </td> 
      </tr> 
      <tr> 
       <td> 
        Resut 
       </td> 
       <td> 
        <input id="ResultArea" type="text"/> 
       </td> 
      </tr> 
      <tr> 
       <td> 
        <input id="AddButton" type="button" value="Add" onclick="add()" /> 
       </td> 
      </tr> 
     </table> 
     </form>

我正在通過JavaScript進行簡單的程序，用戶可以在其中輸入2個數字，然後通過單擊添加按鈕他將得到這兩個輸入的總和。爲此，我有兩個輸入字段用於第一個和第二個輸入，一個輸入字段用於顯示總和後的結果，還有一個添加按鈕。所以這裏是我的Java腳本功能。無法通過JavaScript從輸入字段中選擇值

function add() { 
        var FirstNumber = document.getElementById("Text1").Value 
        var SecondNumber = document.getElementById("Text2").Value 
        document.getElementById("ResultArea").Value = FirstNumber + SecondNumber; 
       }

我不知道最新的問題，但它無法正常工作。當給輸入，然後點擊添加按鈕，沒有任何反應，沒有錯誤，沒有什麼..

來源

2017-05-27 Faizan Naeem

錯字變化'value'，而不是'Value' .'V'沒有上限。 JavaScript區分大小寫 – prasanth

@prasad謝謝，它現在正在工作 –

錯字變化value，而不是Value。 V沒有大寫。由於JavaScript區分大小寫。而你需要使用parse。然後parseFloat()字符串只有它的執行除了

function add() { 
 
    var FirstNumber = document.getElementById("Text1").value 
 
    var SecondNumber = document.getElementById("Text2").value 
 
    document.getElementById("ResultArea").value = parseFloat(FirstNumber)+ parseFloat(SecondNumber); 
 
}

<form id="form1"> 
 
    <table style="border:1px solid black ; font-family : Arial"> 
 
    <tr> 
 
     <td> 
 
     First Number 
 
     </td> 
 
     <td> 
 
     <input id="Text1" type="text" /> 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td> 
 
     Second Number 
 
     </td> 
 
     <td> 
 
     <input id="Text2" type="text" /> 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td> 
 
     Resut 
 
     </td> 
 
     <td> 
 
     <input id="ResultArea" type="text" /> 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td> 
 
     <input id="AddButton" type="button" value="Add" onclick="add()" /> 
 
     </td> 
 
    </tr> 
 
    </table> 
 
</form>

來源

2017-05-27 12:10:50 prasanth

好吧，我必須用int或parse來完成它，因爲value返回字符串格式的值。我可以用Number（）方法來做它嗎？ –

我的建議是更好'parseFloat'而不是'數字'.see ['最新差異？']（https://stackoverflow.com/questions/11988547/what-is-the-difference-between-number-and -parsefloat） – prasanth

function add() { 
        var FirstNumber = document.getElementById("Text1").value 
        var SecondNumber = document.getElementById("Text2").value 
        document.getElementById("ResultArea").value = Number(FirstNumber) + Number(SecondNumber); 
       }

來源

2017-05-27 12:16:21

無法通過JavaScript從輸入字段中選擇值

回答

相關問題