javascript讓我的文本框顯示一個變量

所以我在這裏有一些基本的代碼在這裏，我只有兩個文本框，你可以鍵入數字，當你點擊按鈕，它增加了他們倆，並在一個完美的世界，它會在第三個文本框中顯示答案。javascript讓我的文本框顯示一個變量

<html> 
<head> 
</head> 
<script type="text/javascript"> 
    function myfunction() 
    { 
     var first = document.getElementById("textbox1").value; 
     var second = document.getElementById("textbox2").value; 
     var answer = +first + +second; 
     var textbox3 = answer; 
    } 
</script> 
<body> 
    <input type="text" name="textbox1" id="textbox1" /> 
    + 
    <input type="text" name="textbox2" id="textbox2" /> 
    <input type="submit" name="button" id="button1" onclick="myfunction()" value="=" /> 

    <input type="text" name="textbox3" id="textbox3" readonly="true"/> 
    <br /> 
    Your answer is: -- 
</body> 
</html>

但是，我不能在該文本框3中顯示的答案。有誰知道如何爲變量中的第三個文本框賦值？

此外，作爲額外的獎勵，如果有人知道一種方法也使最後一行「你的答案是： - 」也顯示答案，這將是驚人的。

來源

2013-10-25 im dumb

<html> 
<head> </head> 
<script type="text/javascript"> 
function myfunction() { 
var first = document.getElementById("textbox1").value; 
var second = document.getElementById("textbox2").value; 
var answer =parseFloat(first)+parseFloat(second); 

var textbox3 = document.getElementById('textbox3'); 
textbox3.value=answer; 
} 
</script> 
<body> 
<input type="text" name="textbox1" id="textbox1" /> + <input type="text" name="textbox2" id="textbox2" /> 
<input type="submit" name="button" id="button1" onclick="myfunction()" value="=" /> 
<br/> 
Your answer is:-- 
<input type="text" name="textbox3" id="textbox3" readonly="true"/> 
</body> 
</html>

來源

2013-10-25 03:36:38

您正處於正確的軌道上，使用document.getElementById()就像您對前兩個文本框所做的那樣。使用類似document.getElementById("textbox3")的東西來檢索元素。然後，你可以將其值設置屬性：document.getElementById("textbox3").value = answer;

對於「你的回答是： - 」，我建議包裹「 - 」在<span/>（例如<span id="answerDisplay">--</span>）。然後使用document.getElementById("answerDisplay").textContent = answer;來顯示它。

來源

2013-10-25 03:38:29 joshden

即使已經回答（1年前），您也可以讓字段自動計算。

的HTML

<tr> 
     <td><input type="text" value="" ></td> 
     <td><input type="text" class="class_name" placeholder="bla bla"/></td> 
    </tr> 
    <tr> 
     <td><input type="text" value="" ></td> 
     <td><input type="text" class="class_name" placeholder="bla bla."/></td> 
    </tr>

腳本

$(document).ready(function(){ 
       $(".class_name").each(function(){ 
        $(this).keyup(function(){ 
         calculateSum() 
         ;}) 
        ;}) 
       ;} 
       ); 
      function calculateSum(){ 
       var sum=0; 
       $(".class_name").each(function(){ 
        if(!isNaN(this.value) && this.value.length!=0){ 
         sum+=parseFloat(this.value); 
        } 
        else if(isNaN(this.value)) { 
         alert("Maybe an alert if they type , instead of ."); 
        } 
       } 
       ); 
       $("#sum").html(sum.toFixed(2)); 
       }

來源

2015-02-09 11:36:24 Nomis

javascript讓我的文本框顯示一個變量

回答

相關問題