Question

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script>
function formSubmit()
$('#newhtml').html('hello world');
</script>

</head>
<body>
First name: <input type="text" id="fname" name="fname"><br>
<input type="button" onclick="formSubmit()" value="Search Data">
<div id="newhtml"></div>
</body>
</html>

使用上面的代码，我尝试点击执行formSubmit（）函数的按钮，我的div newhtml不会改为hello world。

上面的代码有什么问题..

谢谢！

Answer 1

为您的功能添加括号

function formSubmit() {
    $('#newhtml').html('hello world');
}

Answer 2

试试这个

 <script>
    $(document).ready(function(){

    $("#input").click(function(){
    $('#newhtml').html('hello world');

    })


    });

    </script>

HTML代码

<body>
First name: <input type="text" id="fname" name="fname"><br>
<input type="button" id="input" value="Search Data">
<div id="newhtml"></div>
</body>

Answer 3

您的JavaScript函数格式错误，请将它们括在括号中

function formSubmit(){
    $('#newhtml').html('hello world');
}

此外，您不必包含两个不同版本的jQuery。

Answer 4

 <head>

    <script>

      function formSubmit()
      {

          document.getElementById("newhtml").innerHTML="hello world";
      }
    </script>

</head>
<body>`enter code here`
    First name: <input type="text" id="fname" name="fname"><br>
   <input type="button" onclick="formSubmit()" value="Search Data">
  <div id="newhtml"></div>

Javascript按钮onclick问题

4 个答案: