2012-08-07 82 views
0

我有一个文本输入,它具有自动完成连接到数据库中的城市列表。我想知道,一旦用户点击自动填充的内容,我该如何聚焦。我使用的是MVC 4,因此它使用我创建的名为Quicksearch的函数来检索与用户输入内容相符的城市列表。点击自动完成后的专注

HTML代码

@Html.TextBoxFor(x => x.CityName, new { @class="required", name="q", data_autocomplete = @Url.Action("QuickSearch", "Booking")}) 

的Javascript

$(document).ready(function() { 
    $(":input[data-autocomplete]").each(function() { 
     $(this).autocomplete({ source: $(this).attr("data-autocomplete")}); 
    }); 
}); 

感谢您的帮助

回答

2

使用select事件,附加代码模糊焦点:

$(document).ready(function() { 
    $(":input[data-autocomplete]").each(function() { 
     $(this).autocomplete({ 
      source: $(this).attr("data-autocomplete"), 
      select: function(event, ui) { 
       $(this).blur(); 
      } 
     }); 
    }); 
}); 
+0

谢谢!我之前有类似的东西,但我忘了添加(事件,UI)哈哈。 – 2012-08-07 14:35:39

0

你可以只是做一样快

东西或$(this).blur();