Home/ Questions/Q 3699622
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-19T05:07:31+00:00

Please see the following code: <body> <form id=form1 runat=server> <div> <button id=helloButton> Search</button> <div

  • 0

Please see the following code: 

<body>
<form id="form1" runat="server">
<div>

    <button id="helloButton">
        Search</button>
    <div id="hello">


    </div>
    <script type="text/javascript">
        $(document).ready(
        function () {

            $('#helloButton').click(function () {


                $('#hello').html('<div>hello world</div>');

            });

        });
    </script>
</div>
</form>

When I use this script, all it does is flash “hello world”, it doesn’t keep it on the page. Does this has something to do with the click event? I’m trying to click the button and then leave the object on the page.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Otherwise you can simply do a return false which will do both
    preventDefault and stop propagation

    $('#helloButton').click(function (e) {

    $('#hello').html('<div>hello world</div>');
    return false;
});
    • 0