自动完成源
我的表单上有2个自动填充文本框。 我想要做的是动态更改第二个自动完成文本框上的源,如果从第一个选择了一个值。
我的标记片段如下:
$(function () { $("#SelectedAddress").autocomplete({ source: "/CreateFIS/GetProperties", select: function(event, ui) { if (ui.item) { event.preventDefault(); $('#SelectedAddress').val(ui.item.label); $('#SelectedAddressId').val(ui.item.value); getPropertyInformation(ui.item.value); } }, focus: function(event, ui) { if (ui.item) { event.preventDefault(); $('#SelectedAddress').val(ui.item.label); $('#SelectedAddressId').val(ui.item.value); //getPropertyInformation(ui.item.value); } } }); }); $(function () { $("#SelectedScheme").autocomplete({ source: "/CreateFIS/GetSchemes", select: function (event, ui) { if (ui.item) { event.preventDefault(); $('#SelectedScheme').val(ui.item.label); $('#SelectedSchemeId').val(ui.item.value); } }, focus: function (event, ui) { if (ui.item) { event.preventDefault(); $('#SelectedScheme').val(ui.item.label); $('#SelectedSchemeId').val(ui.item.value); } } }); }); @Html.TextBoxFor(model => model.SelectedScheme, new { @class = "largeTextBox" }) @Html.ValidationMessageFor(model => model.SelectedSchemeId) @Html.TextBoxFor(model => model.SelectedAddress, new { @class = "largeTextBox" }) @Html.ValidationMessageFor(model => model.SelectedAddressId)
什么是实现这一目标的最佳方式?
使用option
方法更改源:
var source = $(".selector").autocomplete("option", "source", "/New/Source");