將文本框連接到它旁邊的搜索按鈕？

Question

在此網頁上;

• 我在搜索按鈕旁邊有一個文本框。
• 搜索按鈕調用一些JavaScript來執行搜索。
• 目前，在搜索文本框中輸入搜索條件後，點擊回車按鈕 - 沒有任何反應，它沒有連接到搜索按鈕。

我該怎麼做才能使搜索按鈕「連接到」文本字段？

是使用輸入框的onkeydown的唯一方法，然後檢查該功能哪個鍵被按下？看起來有點髒

Answer 1

把它們放到表單中，將按鈕類型改爲'submit'，然後在表單的'onsubmit'上調用你的javascript函數。

像這樣：

<form onsubmit="jsFunction();"> 
    <input type="text" /> 
    <input type="submit" /> 
</form> 

Answer 2

使用jQuery，把它們放在一個形式：

$('#yourform').submit(function(e) { 
    e.preventDefault(); 

    $.ajax({ 
    // do stuff. 
    }) 
}); 

在其他問題上，你總是可以使窗體method="GET"避免你POST問題。