フォームに 2 つのオートコンプリート テキスト ボックスがあります。私がやりたいことは、値が最初から選択されている場合、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);
}
}
});
});
<tr>
<td style="width:200px;"><label for="addresses">Please Select A Scheme</label> </td>
<td style="width:600px;">@Html.TextBoxFor(model => model.SelectedScheme, new { @class = "largeTextBox" })</td>
<td style="width:200px;"> @Html.ValidationMessageFor(model => model.SelectedSchemeId) </td>
</tr>
<tr>
<td style="width:200px;"><label for="addresses">Please Select A Property </label> </td>
<td style="width:600px;">@Html.TextBoxFor(model => model.SelectedAddress, new { @class = "largeTextBox" })</td>
<td style="width:200px;"> @Html.ValidationMessageFor(model => model.SelectedAddressId) </td>
</tr>
これを達成するための最良の方法は何ですか?