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

How to call javascript function from the form attribue value in hhtm?

本文关键字:属性 值调用 javascript 函数 表单 hhtm      更新时间:2023-09-26
<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 的总和,并希望结果直接显示在输入框中,而无需使用提交按钮。

不,那行不通。"value"属性的值必须是文本而不是函数。您需要在页面加载时通过javascript设置值:

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

如果你觉得真的很不舒服,你可以

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