javascript добавить два значения текстового поля и отобразить на третьем

Question

Как мне в javascript/asp добавить два значения текстового поля и отобразить в третьем? Мой код ниже

function fill() { 
     var txt8 = document.getElementById("TextBox8").value; 
     var txt9 = document.getElementById("TextBox9").value; 
     document.getElementById("TextBox10").value = txt8 + txt9; 


    } 

У меня есть OnChange = «заполнить» для обоих TextBox8 и TextBox9

Answer 1

Вы должны вызвать функцию, onchange="fill()" Уведомление о ()

Answer 2

Вы должны преобразовать строку в целое число. value всегда возвращает строку. jsfiddle

<input onchange="fill()" id=TextBox8 /> 
<input onchange="fill()" id=TextBox9 /> 
<input id=TextBox10 /> 
<script> 

    function fill() { 
     var txt8 = document.getElementById("TextBox8").value-0; 
     var txt9 = document.getElementById("TextBox9").value-0; 
     document.getElementById("TextBox10").value = txt8 + txt9; 


    } 
</script> 

Answer 3

У вас есть набор круглых скобок после вызова функции? В javascript, если вы не выполняете вызов функции с круглыми скобками, предполагается, что вы ссылаетесь на переменную. Также в будущем, если вы пытаетесь отладить код javascript, вы должны открыть консоль javascript для браузеров, чтобы увидеть, что происходит, и какие ошибки (если они есть) выбраны.

<input type="text" id="TextBox8" onchange="fill()" /> 

<input type="text" id="TextBox9" onchange="fill()" /> 

Answer 4

Почему вы не используете jQuery? Вот пример:

function fill(){ 
var total=Number($('#TextBox9').val()) + Number($('#TextBox9').val()); 
$('#TextBox10').val(total); 
} 

Answer 5

function Sum() { 
     var text1 = document.getElementById('<%= TextBox1.ClientID %>'); 
     var text2 = document.getElementById('<%= TextBox2.ClientID %>'); 
     if (text1.value.length == 0 || text2.value.length == 0) { 
      text1.value = 0; 
      text2.value = 0; 
     } 

     var x = parseFloat(text1.value); 
     var y = parseFloat(text2.value);   

     document.getElementById('<%= TextBox3.ClientID %>').value = x + y; 
    } 




<table> 
    <tr> 
     <td style="width: 100px"> 
      TextBox1</td> 
     <td> 
      <asp:TextBox ID="TextBox1" runat="server" onkeyup="Sum()"></asp:TextBox> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      TextBox2</td> 
     <td> 
      <asp:TextBox ID="TextBox2" runat="server" onkeyup="Sum()"></asp:TextBox> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      TextBox3</td> 
     <td> 
      <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      &nbsp;</td> 
     <td> 
      &nbsp;</td> 
    </tr> 
    <tr> 
     <td> 
      &nbsp;</td> 
     <td> 
      <asp:Button ID="Button1" runat="server" Text="Show" Width="80px" OnClientClick="Sum()" /> 
     </td> 
    </tr> 
</table>