jquery - ASP.NET - Don't want page to refresh -

jquery - ASP.NET - Don't want page to refresh -

so have function, , don't want page refresh when click on add together button. can help me?

<div class="form-group"> <label for="autores">autores</label> <textarea runat="server" class="form-control" rows="1" id="autores"></textarea> <asp:button runat="server" onclientclick="addautor();" text="add" cssclass="btn btn-default" autopostback=false /> </div> </div> <div class="col-md-4"> <table id="lista" contenteditable> <tr> <td><strong>autores</strong></td> </tr> </table> <script> function addautor() { var table = document.getelementbyid("lista"); var row = table.insertrow(1); var cell1 = row.insertcell(0); var cell2 = row.insertcell(1); cell1.innerhtml = "new cell1"; cell2.innerhtml = "new cell2"; homecoming false; } </script> </div>

ok! so...i seek this:

<table id="mytable"> <tr> <td>row1 cell1</td> <td>row1 cell2</td> </tr> <tr> <td>row2 cell1</td> <td>row2 cell2</td> </tr> <tr> <td>row3 cell1</td> <td>row3 cell2</td> </tr> </table> <br> <button onclick="myfunction()">try it</button> <script> function myfunction() { var table = document.getelementbyid("mytable"); var row = table.insertrow(0); var cell1 = row.insertcell(0); var cell2 = row.insertcell(1); cell1.innerhtml = "new cell1"; cell2.innerhtml = "new cell2"; } </script>

with html button...but still not work, because adds content table, page reloads, , new content disapears.

<asp:button id="button1" text="submit" onclick="addautor();" usesubmitbehavior="false" runat="server"/>

set usesubmitbehavior false alter button submit button type

i see sample working fine, may add together type="button"

class="snippet-code-js lang-js prettyprint-override"> function myfunction() { var table = document.getelementbyid("mytable"); var row = table.insertrow(0); var cell1 = row.insertcell(0); var cell2 = row.insertcell(1); cell1.innerhtml = "new cell1"; cell2.innerhtml = "new cell2"; } class="snippet-code-html lang-html prettyprint-override"><table id="mytable"> <tr> <td>row1 cell1</td> <td>row1 cell2</td> </tr> <tr> <td>row2 cell1</td> <td>row2 cell2</td> </tr> <tr> <td>row3 cell1</td> <td>row3 cell2</td> </tr> </table> <br> <button onclick="myfunction()">try it</button>

jquery asp.net