我有一个搜索表:

    <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段)。使用Jquery和load函数,ajax和controller位都可以正常工作,但是我不知道如何从输入框中获取搜索查询,并提交onclick = slide_box_search(search_query)中的函数?

我认为它可能类似于$(this).val(),但无法完全弄清楚。

提前致谢!

最佳答案

您需要使用来自其他输入的值代替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

10-07 14:01
查看更多