使用jquery自动完成时无法触发更改事件

我遇到了问题。使用jQuery时，输入有一些值时，更改事件无法触发。我在下面解释我的代码。使用jquery自动完成时无法触发更改事件

<input name="" type="text" class="inputfield" id="auto">

var city = [ 
    'Alabama', 'Alaska', 'Arizona' 
]; 

$('#auto').autocomplete({ 
    source:[city], 
    minLength: 1, 
    change: function (event, ui) { alert('hello'); } 
});

在这里，我需要当一个值将选择城市阵列输入字段更改事件应触发未在我的情况发生。请帮帮我。

来源

2017-01-25 subhra

尝试使用'select'而不是'change'... select：function（event，ui）{alert（'hello'）; } – Roy

添加自动对焦和重点消防警报

var city = [ 
 
    'Alabama', 'Alaska', 'Arizona' 
 
]; 
 

 
$('#auto').autocomplete({ 
 
    source: city, 
 
    minLength: 1, 
 
    autoFocus: true, 
 
focus: function(event, ui) { 
 
     alert('hello'); 
 
    } 
 
});

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<input name="" type="text" class="inputfield" id="auto">

来源

2017-01-25 12:26:26

change事件工作正常，但请注意，只有在对其值进行更改后元素模糊时才会触发。

如果您希望事件，火灾时作出选择，使用select事件：

$('#auto').autocomplete({ 
    source: city, 
    minLength: 1, 
    select: function(event, ui) { 
     alert('hello'); 
    } 
});

Working example

来源

2017-01-25 12:00:18

太棒了！快速而快速的回应。 –

仍然没有在我的代码工作。你可以提到jquery自动完成版本。 – subhra

它使用jQueryUI 1.92。你可以在小提琴中检查它。另外，请检查您的代码是否有错误 –

使用jquery自动完成时无法触发更改事件

回答

相关问题