單擊按鈕時顯示錶 - jquery/javascript

Question

請指教如何實現在頁面加載時隱藏html innter表並單擊搜索按鈕，表將僅顯示結果。我不想顯示空table.Please看到下面的代碼，我已經嘗試過。

但肯定的是，點擊按鈕頁後得到刷新。

$(document).ready(function() {  

    $("#historylist").hide(); 

    $("#historysearch").click(function() { 
     $("#historylist").show(); 
    }); 
    // } 
});  

<table id="searchTbl" width="800" > 
<tr> 
    <td valign="top">Release No</td> 
    <td valign="top"> 
     <input type="text" name="releaseNo" value="" style="width:200" /> 
    </td> 
    <td valign="top"><input type="button" value="Search" onClick="commit()" style="width:80" id="historysearch"/></td> 
</tr> 
<br /><br /> 

    <table border="1" cellpadding="2" cellspacing="0" id="historylist"> 
    <tr> 
     <th><font size="-1">Header1</font></th> 
     <th><font size="-1">Header2</font></th> 
     <th><font size="-1">Header3</font></th> 
     <th><font size="-1">Header4</font></th> 
     <th><font size="-1">Header5</font></th> 
    </tr> 
    </table> 
</table> 

的JavaScript：

function commit(){ 

    document.menu.cmd.value='search'; 
    document.menu.submit();  
} 

當單擊該按鈕，它顯示錶，並再次隱藏表。

$(document).ready(function() { 
$("#historylist").hide(); 
$("#historysearch").click(function(e) { 
    e.preventDefault(); 
    $("#historylist").show(); 
    commit(); // moved from the onClick attribute }); 
}); 

Answer 1

$("#historysearch").click(function(e) { 
    e.preventDefault(); 
    $("#historylist").show(); 
    commit(); // moved from the onClick attribute 
}); 

http://api.jquery.com/event.preventDefault/