输出 html 不能用于增加价值

【问题标题】：output html not working for adding value输出 html 不能用于增加价值
【发布时间】：2015-11-08 23:26:41
【问题描述】：

我正在尝试在 html 中显示输出结果，但它没有显示任何内容。

这是我的代码 --

       <td><input type="text" id ="set1" name ="set1"></td>
       <td><input type="text" id ="set2" name ="set2"></td>
       <td><output style="display: inline" name="x" for="set1+set2"></output></td>

那么如何显示两个输入整数的相加值！！

【问题讨论】：

你有两个 set1 命名元素
@RokoC.Buljan 哎呀，这是一个错误，虽然它不起作用
jsbin.com/nukazu/1/edit?html,css,js,output 我不认为 + 内 for 是你需要的。改用 JS。
@RokoC.Buljan 谢谢

标签： html output

【解决方案1】：

您需要设置x，另外，您需要更改输入的名称：

<form oninput="x.value=parseInt(set1.value)+parseInt(set2.value)">
    <td><input type="text" id="set1" name ="set1"></td>
    <td><input type="text" id="set2" name ="set2"></td>
    <td><output style="display: inline" name="x" for="set1 set2"></output></td>
 </form>

您可以使用 Angular.js，这会更简单：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app>
  <td><input type="number" ng-model="left"></td>
  <td><input type="number" ng-model="right"></td>
  <p>Answer: {{left + right}}</p>
</div>

【讨论】：