javascript - 只获取选定的项目而不提交？

Question

我正在为我的网站开发简单的搜索，我在网上发现了这个 JQuery UI 自动完成示例，现在我需要它在选择时仅获取选定的值，但目前在选择项目后提交如何修改该 SELECT 函数以仅选择而不选择提交

<script>
$(document).ready(function() {
    var myArr = [];

    $.ajax({
        type: "GET",
        url: "doctors.xml", // XML File location
        dataType: "xml",
        success: parseXml,
        complete: setupAC,
        failure: function(data) {
            alert("XML File could not be found");
            }
    });

    function parseXml(xml)
    {
        //find every query value
        $(xml).find("doctor").each(function()
        {
            myArr.push($(this).attr("label"));
        }); 
    }

    function setupAC() {
     var limit = 10;
        $("input#searchBox").autocomplete({
                source: myArr,
                minLength: 2,
                 select: function(event, ui) {
                    $("input#searchBox").val(ui.item.value);
                    $("#searchForm").submit();
                } 
        });
    }
});
</script>

Answer 1

替换此行

$("#searchForm").submit();

与

return false;

如果您使用回车键进行选择，那么您可能需要阻止默认事件

$("input#searchBox").keydown(function(event){
    if(event.keyCode == 13) {
      if($("input#searchBox").val().length==0) {
          event.preventDefault();
          return false;
      }
    }
 });