javascript - 如何使用 OnClick 事件调用 JS 函数

标签 javascript html forms validation html-validation

<分区>

我正在尝试调用我在 header 中添加的 JS 函数。请在下面找到显示我的问题场景的代码。注意:我无权访问我的应用程序中的正文。每次我单击带有 id="Save" 的元素时，它只调用 f1() 而不是 fun()。我怎样才能让它甚至调用我的 fun()？请帮忙。

  <!DOCTYPE html>
  <html>
  <head>

  <script>

   document.getElementById("Save").onclick = function fun()
    {
     alert("hello");
     //validation code to see State field is mandatory.  
    }   

    function f1()
    {
       alert("f1 called");
       //form validation that recalls the page showing with supplied inputs.    
    }

  </script>
  </head>
  <body>
  <form name="form1" id="form1" method="post">
            State: 
            <select id="state ID">
               <option></option>
               <option value="ap">ap</option>
               <option value="bp">bp</option>
            </select>
   </form>

   <table><tr><td id="Save" onclick="f1()">click</td></tr></table>

   </body>
   </html>

最佳答案

您正试图在加载元素之前附加一个事件监听器函数。将 fun() 放在 onload 事件监听器函数中。在此函数中调用 f1()，因为 onclick 属性将被忽略。

function f1() {
    alert("f1 called");
    //form validation that recalls the page showing with supplied inputs.    
}
window.onload = function() {
    document.getElementById("Save").onclick = function fun() {
        alert("hello");
        f1();
        //validation code to see State field is mandatory.  
    }
}

JSFiddle

关于javascript - 如何使用 OnClick 事件调用 JS 函数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21477717/

上一篇：javascript - let 语句是否在全局对象上创建属性？

下一篇：javascript - jQuery异步函数调用，无AJAX请求

相关文章：

javascript - 从变量访问 JSON 值

javascript - 等宽字体字符串宽度

html - 导航边框高度不一样

javascript - 计算 HTML 中选中复选框的数量

javascript - ngOptions "track by"表达式

javascript - 使用 Canvas 旋转坐标(面部地标)，原点位于左上角

javascript - Node JS - MongoDB - findAndModify 正在更新错误的对象

javascript - 通过javascript向数据表添加行

javascript - 联系表未与我的邮件服务器通信，怎么了？

javascript - 让 Javascript/jQuery 和 PHP 协同工作