2010-11-15 32 views
0

我有一個搜索表單:通文本字段輸入到JavaScript變量 - AJAX笨

<form id="global_search"> 
     <input id="global_search_input" name="search_query" placeholder="Enter search text"> 
     <input id="global_search_button" type="submit" value="" onclick="slide_box_search(search_query); return false;" class="listings_box"> 
    </form> 

,我想在下降DIV幻燈片顯示效果,拉動的結果通過AJAX。我正在使用codeigniter,所以我想將搜索查詢傳遞給控制器​​(作爲url段)。 ajax和控制器位全部使用Jquery和加載函數都可以正常工作,但是我不知道如何從輸入框到提交onclick = slide_box_search(search_query)的函數中獲取搜索查詢?

我在想這可能是類似$(this).val(),但不能完全弄明白。

在此先感謝!

回答

4

相反的this你需要從其他的輸入值,就像這樣:

$('#global_search_input').val(); 

或總:

slide_box_search($('#global_search_input').val()); return false; 

這將是更好地悄悄雖然附加的事件處理程序,像這樣:

$(function() { //run when the DOM is ready 
    $("#global_search_button").click(function() { 
    slide_box_search($("#global_search_input").val()); 
    return false;   
    }); 
}); 

...並只刪除你的內聯onclick

+0

我的上帝很快。這很好,謝謝! – Robimp 2010-11-15 10:23:51

+0

將在10分鐘內給你綠色的勾號... – Robimp 2010-11-15 10:24:22

+0

@Robimp - 歡迎! – 2010-11-15 10:24:37