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，所以我想将搜索查询传递给控制器（作为url段）。使用Jquery和加载函数，ajax和控制器位都可以正常工作，但我不知道如何从输入框中获取搜索查询到提交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。

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

1 个答案: