使用jQuery自动完成功能在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中的自动完成功能,标签中的onchange事件select似乎无效.有没有一种方法可以像我的函数一样注入一些JavaScript代码来处理这个jQuery的选择更改？

Answer 1

使用以下命令绑定autocompleteselect自动完成的事件:

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

要么

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

要么

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

文件在这里