jquery ui الإكمال التلقائي [كائن كائن] بدلاً من قيمة Google مثل إعادة التوجيه

Question

أحاول تثبيت jQuery UI AutoComplet على موقع الويب الخاص بي. لدي ما يصل وأعمل ولكني أريد أن يقوم تلقائيًا بإرسال نموذج البحث عندما ينقر شخص ما على خيار. يبدو أن السلوك الافتراضي هو أنه يملأ النموذج بالعنصر المحدد و ومن بعد يجب على المستخدم النقر فوق الزر "إرسال". أريده أن يعيد توجيه تلقائيًا مثل Google. أقوم بتشغيل PHP 5.+ و MySQL 5+ و JQuery.1.4.2 و jQueryui.1.8.6.

ها هو جافا سكريبت:

<script>
$(function() {
    $( "#query" ).autocomplete({
        source: "/scripts/autocomplete_handler.php",
        minLength: 2,
        select: function(event, ui) {
                    $('#query').val(ui.item);
                  $("#results").text(ui.item); // for testing purposes
                    $('#search_form').submit();
                }

    });
});
</script>

هذا هو الشكل:

<form name="search_form" id="search_form" action="search.php" method="get">    
  <input type="text" name="query" id="query" />
  <input type="submit" value="Search" />
</form>
<code id="results"></code>

كما ترون ، أحاول تغيير قيمة حقل الإدخال "الاستعلام" باستخدام $ ('#query'). val (ui.item). المشكلة هي أنه عندما أقوم بتحديد خيار الإكمال التلقائي $ _GET ['QUERY'] يصبح [كائن كائن]. أي موقع الويب الخاص بي يبحث عن السلسلة [كائن كائن] بدلاً من القيمة التي نقرت عليها.

في الجزء السفلي من النموذج ، توجد علامة رمز بها "نتائج". لا يمكنني أيضًا الحصول على هذا للملء بالنص (ui.item). إذا كان بإمكان أي شخص أن يساعد ذلك ، فأنا متأكد من أنني لست الشخص الوحيد الذي يريد هذا النوع من الوظائف مثل Google في الإكمال التلقائي ، لكن لا يمكنني العثور على أي أمثلة في أي مكان.

Answer 1

جرب هذا في وظيفة SELECT:

$('#query').val(ui.item.value);