[英]Auto input focused element jQuery ui (autocomplete)
我使用jQuery UI给出基于SQL数据库的自动完成建议。 这可以完美地工作,但是我想(就像google一样)使用当前选定/重点突出的(li)元素自动填充输入。
input name="movie" type="text" id="titles" class="input-field-primary" placeholder="Test" method="GET" autofocus>
$(function() {
$( '#titles' ).autocomplete({
source: 'includes/search.php',
minLength: 3,
open: function(event, ui) {
$('.ui-autocomplete').off('menufocus hover mouseover mouseenter');
$(window).resize(function() {
$(".ui-autocomplete").css('display', 'none');
});
}
});
})
您可以将focus
事件用于autocomplete
。
我嘲笑下面的source
:
$(function() { $('#titles').autocomplete({ source: ['aaaa', 'bbbb'], // replace this with your AJAX call minLength: 3, select: function(event, ui) { $("#titles").val(ui.value) }, focus: function(event, ui) { console.log(ui) $("#titles").val(ui.value) } }); })
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.css" rel="stylesheet" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> <input name="movie" type="text" id="titles" class="input-field-primary" placeholder="Test" method="GET" autofocus>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.