从 jQuery 更改自动完成源但不起作用？答案

【问题标题】：Changing autocomplete source from jQuery but not working?从 jQuery 更改自动完成源但不起作用？
【发布时间】：2014-02-15 10:29:59
【问题描述】：

我正在尝试使用 JQuery 实现自动完成文本框。我有一个下拉列表和一个文本框，尝试通过下拉列表项选择附加自动完成文本功能，但它不起作用，我正在使用剃须刀。

这是我的剃须刀代码。

@Html.DropDownList("SearchBy", new SelectList(ViewBag.SearchBy, "Value", "Text"), "--Search By--", new { onchange = "showcontrol(this.options[this.selectedIndex].value);" })
 @Html.TextBox("Term")

jQuery

<script type="text/javascript">
$(document).ready(function () {
    showcontrol = function (id) {
    $("#Term").attr("data-otf-autocomplete", "@Url.Action("AutocompleteState")");                
}
});
</script>

在这里我可以动态更改自动完成源路径，但它不起作用。请帮我一个。

【问题讨论】：

标签： jquery asp.net asp.net-mvc razor autocomplete

【解决方案1】：

将您的 HtmlHelper 下拉列表更改为：

@Html.DropDownList("SearchBy", new SelectList(ViewBag.SearchBy, "Value", "Text"), "--Search By--")

删除突兀的 javascript。

然后按如下方式绑定你的更改事件：

$('#SearchBy').change(function () {
    $("select option:selected").each(function () {
        showcontrol($(this).val())
    });
})

在你的 showcontrol 函数声明之后，你就可以开始了。

【讨论】：