javascript - 带有 jQ​​uery 自动完成功能的 select 标签中的 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 事件似乎不起作用。 有没有一种方法可以注入(inject)一些像我的函数一样的 JavaScript 代码来处理这个 jQuery 的选择更改？

Answer 1

使用以下代码绑定(bind)自动完成的 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