Я новичок в javascript и jquery.Я создаю форму редактирования для пользователя, чтобы редактировать значения из базы данных.Я заполнил один Html editorFor with JSON
и Jqueryui autocomplete dropdown
, чтобы пользователь мог изменить значение, однако я также создал поле ввода для пользователя, чтобы добавить новый элемент для автозаполнения, а затем установить его как выбранный параметр автозаполнения.
Мой вопрос: мне удалось добавить пользовательский ввод в the autocomplete dropdown
и вернуть идентификатор пользовательского ввода, но я не уверен, как выбрать соответствующий элемент в автозаполнении
Вы можете помочь?Спасибо.
Это мой взгляд:
<div class="col-md-10" id="float">
@Html.HiddenFor(model => model.renovationDetail.ApartmentID)
@Html.EditorFor(model => model.renovationDetail.Apartment.ApartmentNumber, new { htmlAttributes = new { @class = "form-control", placeholder = "Select Apartment Number" } })
@Html.ValidationMessageFor(model => model.renovationDetail.ApartmentID, "", new { @class = "text-danger" })
</div>
<a href="#" id="attach_link">Add new Apartment Number</a>
<div id='viewAddBox'>
<input type="text" id="myText" placeholder="Enter here the new apartment number">
<button id="buttonAddApart">Add</button>
</div>
Это мой javascript:
$("#buttonAddApart").click(function () {
var x = document.getElementById("myText").value;
if (x === "")
{
alert("Please enter a new apartment number");
}
else
{
var url = "/Renovations/AddApartFromRenov";
var apartNumber =x;
var building = $('#renovationDetail_ApartmetBlockID').val();
$.get(url, { apartNum: apartNumber, buildingID: building },
function (data) { } );
Это мой контроллер:
public int AddApartFromRenov (string apartNum, string buildingID)
{
int blockID;
Apartment newApart = new Apartment();
if (!string.IsNullOrEmpty(buildingID))
{
blockID = Convert.ToInt32(buildingID);
rn.AddApartment(apartNum, blockID);
newApart = rn.GetOneApartment(blockID, apartNum);
}
return newApart.ApartmentID;
}