自动完成不适用于jQuery中的相同输入

时间:2018-10-06 06:42:30

标签: jquery jquery-ui autocomplete jquery-plugins

源代码:https://jsfiddle.net/8pma5hr4/2/

我在输入时使用jquery autocomplete作为search box,它显示与该输入匹配的建议,此后我使用my clear search icon清除了输入,之后,如果我再次是giving the same input,它没有显示任何suggestion box,我很困惑为什么它不起作用,请帮助我解决这个问题。

我执行的步骤:

  1. 在搜索框中,输入“ s
  2. 建议框显示两个值“ first”,“ second”。
  3. 选择其中一个选项,然后单击该x icon以清除搜索。 (此图标将在搜索框的结尾)
  4. 之后,再次输入相同的“ s”。
  5. 现在建议框未显示(this is the issue

1 个答案:

答案 0 :(得分:1)

您需要使用:$res = $clients->request('POST', $api_url.'api/createJob', [ 'form_params' => [ 'app_id' => $app_id, 'data' => $jobData, 'first_name' => \Auth::user()->first_name, 'last_name' => \Auth::user()->last_name, 'email' => \Auth::user()->email ] ]); 来修复错误

请检查以下代码:

$data = DB::table('contacts')
          ->where('id', '1')
          ->first();

$result = [
    'status' => 'success',
    'data' => $data,
    'message' => 
    'Success' 
];

return json_encode($result);
$('#myInput').keydown();
$('#myInput').autocomplete({
    delay: 0,
    source: ["first", "second"]
});

$('.clear_search').click(function () {
    $('#myInput').val('').keydown();
});

$("#myInput").on("change paste keyup", function () {
    if ($(this).val() == "") {
        $(".clear_search").addClass("hidden")
    } else {
        $(".clear_search").removeClass("hidden")
    }
});