javascript - 如何从hhtm中的表单属性值调用javascript函数？

Question

<html>
    <head>
       <script type="text/javascript">
          function sum() {
              i = 10;
              j = 10;
              result = i + j;
              return result;
           }
       </script>
    </head>
    <body>
       First name: <input type="text" name="fname" value="sum()"><br>
    </body>
</html>

我是 javascript 新手，我想在我的输入文本框中获取数值。这里我正在做 i 和 j 的总和，并希望结果直接显示在输入框中，而不使用提交按钮。

score 0 · Accepted Answer

不，那是行不通的。“value”属性的值必须是文字而不是函数。您需要在页面加载时通过 javascript 设置值：

window.onload = function(){
    document.querySelector("input[name=fname]").value = sum();
};

score 0 · Accepted Answer

如果你感觉真的很不稳定，你可以将你的标签替换为

<script>document.write('<input type="text" name="fname" value="'+sum()+'"/>');</script>

javascript - 如何从hhtm中的表单属性值调用javascript函数？

2 回答 2

Related

Reference