Как в input вывести label?

415
01 августа 2017, 17:24
@Html.HiddenFor(model => model.CompanyId, new { data_company_id = string.Empty })
<input type="text" name="name" id="f" data-autocomplete-source='@Url.Action("GetSearchValue", "Company")' />

В инпут я подтягиваю компанию ajaxом, а id компании записываю в @Html.HiddenFor

     <script type="text/javascript">
    $(function () {
        $("[data-autocomplete-source]").each(function () {
            var target = $(this);
            target.autocomplete({
                source: target.attr("data-autocomplete-source"),
                select: function( event, ui ) {
                    $('input[data-company-id]').val(ui.item.value);
                }
            });
        })
    });
</script>

Как подставить Name после выбора, а не id <input type="text" name="name" id="f" data-autocomplete-source='@Url.Action("GetSearchValue", "Company")' />) ??

Answer 1

Вопрос решен. Вот так все работает как надо

public ActionResult GetSearchValue(string term)
        {
            var models = db.Companies.Where(x => x.Name.Contains(term))
                             .Select(a => new
                             {
                                 value = a.Name,
                                 Id = a.Id.ToString(),
                                 label = a.Name
                              }).ToList();
            return Json(models, JsonRequestBehavior.AllowGet);
        }
<script type="text/javascript">
    $(function () {
        $("[data-autocomplete-source]").each(function () {
            var target = $(this);
            target.autocomplete({
                              select: function (event, ui) {
                   $('input[data-company-id]').val(ui.item.Id);
                }
            });
        })
    });
</script>
READ ALSO
Цвет пункта меню

Цвет пункта меню

Здравствуйте, мне надо, чтобы я смог повесить на секцию id="active" и при скроллинге на эту секцию нужный мне пункт меню менял цвет с черного на зеленыйТо...

294
Parallax эффект для background

Parallax эффект для background

Подскажите инструмент , желательно с RU документацией и минимальной нагрузкой , для реализации Parallax эффекта у background

280
Скрыть и показать по нажатию элементы списка в зависимости от их количества

Скрыть и показать по нажатию элементы списка в зависимости от их количества

На разных страницах сайта есть списки разной длины от 5 до ~50 пунктовСписки оформлены в виде следующей конструкции:

309
Необычная анимация svg path

Необычная анимация svg path

Как можно сделать точно такой же hover-эффект, как на этом сайте при наведении на svg-иконку закрытия меню?

327