javascript - 将文本字段输入传递给 Javascript 变量 - AJAX Codeigniter

Question

我有一个搜索表单:

    <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，因此我想将搜索查询传递到 Controller (作为 url 段)。 ajax 和 Controller 位使用 Jquery 和加载函数都可以正常工作，但是我不知道如何将搜索查询从输入框获取到提交中的函数 onclick = slide_box_search(search_query) ？

我认为它可能类似于 $(this).val() 但不太明白。

提前致谢!

Answer 1

您需要来自其他输入的值，而不是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 即可。