带有jQuery自动完成功能的选择标签中的onchange

Question

我试图搜索类似的东西但我失败了，所以我在这里问 这是我的一段代码：

<div id="ui-widget">
<label>Doc Type: </label>
        <select id="classes" onchange="createForm()">
            <option value=" ">Select a type ... </option>
                <#list typenames?keys as key>
                        <#if typenames[key]!="">
                        <option value="${key}">${typenames[key]}</option>
                                                    </#if>
                </#list>
        </select>

    </div>

select 标签正在使用这个 jQuery： http://jqueryui.com/demos/autocomplete/#combobox 自动完成；

createForm() 函数是一个 Javascript，它根据您在 select 标记中所做的选择创建不同的表单； 但是使用 jQuery 的自动完成功能，select 标记中的onchange 事件似乎不起作用。 有没有一种方法可以像我的函数一样注入一些 JavaScript 代码来处理这个 jQuery 的选择更改？

Answer 1

您可能需要将其绑定到自动完成事件autocompleteselect

Answer 2

使用以下内容为自动完成绑定autocompleteselect 事件：

$( "#classes" ).autocomplete({
   select: createForm
});

或

$( "#classes" ).autocomplete({
   select: function(event, ui) { 
        // your code here 
   }
});

或

$( "#classes" ).bind( "autocompleteselect", function(event, ui) {
  // your code here
});

Docs are here