使用insideBootstrap Modal的jQuery Autocomplete问题

时间:2017-08-16 07:20:58

标签: jquery jquery-ui autocomplete bootstrap-modal

我刚遇到项目问题。 这就是..我正在尝试使用用户拥有的值自动触发自动完成(因此他不必再次执行此操作)。 我的问题是,当发生这种情况时,用户无法使用Enter键或向上/向下箭头键来选择选项。 这是fiddle

$(function() {
//Show modal
$('#myModal').modal('show');

//Set autocomplete
$('#search' ).autocomplete({
      source: [
    "ActionScript",
    "Bootstrap",
    "C",
    "C++"
  ]
  });

 //Trigger autocomplete after some time
 setTimeout(function(){
   $('#search').val('c').trigger('keydown');
 }, 500);
});

1 个答案:

答案 0 :(得分:2)

请使用:

setTimeout(function(){
    $('#search').val('c').focus().trigger('keydown');
}, 500);