如何在选项select上使用jquery自动完成进行回发

How to cause a postback using jquery autocomplete on option select?

本文关键字:jquery 选项 select      更新时间:2023-09-26

测试区域

我创建了一个简单的jquery ui自动完成演示。

问题

从列表中选择某个选项时,如何使回发发生?

HTML

<select id="ddl"></select>
<input id="field" type="text"></input>

查询

$("#field").autocomplete({
    select: function(event, ui) {
        __doPostBack("#ddl", ""); //Postback will not occur here?
    }
});

注意事项

这个演示中的其余代码不是必需的,它只是用来显示一个选项被成功选择。

我看不出是什么阻止了回发的发生。我只想在用户从自动完成生成的列表中选择任何选项时进行回发。

向自动完成小部件添加值为我修复了它。

请注意,只有当我点击其中一个自动完成选项时,"选择"功能才会启动。如果我只键入其中一个选项的名称,它不会启动

查看下面的更新代码:

<select id="ddl" />
<input id="field" type="text" />
<script type="text/javascript">
var availableAutocompleteValues = [
   "jquery",
   "java",
   "javascript"
];
$("#field").autocomplete({
    source: availableAutocompleteValues
});
$("#field").autocomplete({
    select: function (event, ui) {
        __doPostBack("#ddl", ""); //Postback will not occur here?
    }
});
</script>