JQuery UI автозаполнение с элементом и идентификатором - PullRequest
Новая
       13

JQuery UI автозаполнение с элементом и идентификатором

50 голосов
/ 27 января 2011

У меня есть следующий скрипт, который работает с одномерным массивом.Можно ли заставить это работать с 2-мерным массивом?Затем любой выбранный элемент, нажав на вторую кнопку на странице, должен отобразить идентификатор выбранного элемента.

Это скрипт с одномерным массивом: 

var $local_source = ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"];
$("#txtAllowSearch").autocomplete({
    source: $local_source
});

Это скрипт для кнопки для проверки идентификатора, который является неполным: 

$('#button').click(function() {
    // alert($("#txtAllowSearch").someone_get_id_of_selected_item);
});

Ответы [ 11 ]

0 голосов
/ 14 июня 2019

Автозаполнение привязки текстового поля с использованием Jquery 

  ## HTML Code For Text Box and For Handling UserID use Hidden value ##
  <div class="ui-widget">
@Html.TextBox("userName")  
    @Html.Hidden("userId")
    </div>

Требуется ниже библиотеки 

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

Jquery Script 

$("#userName").autocomplete(
{

    source: function (request,responce)
    {
        debugger
        var Name = $("#userName").val();

        $.ajax({
            url: "/Dashboard/UserNames",
            method: "POST",
            contentType: "application/json",
            data: JSON.stringify({
                Name: Name

            }),
            dataType: 'json',
            success: function (data) {
                debugger
                responce(data);
            },
            error: function (err) {
                alert(err);
            }
        });
    },
    select: function (event, ui) {

        $("#userName").val(ui.item.label); // display the selected text
        $("#userId").val(ui.item.value); // save selected id to hidden input
        return false;
    }
})

Возвращаемые данные должны быть ниже формата 

 label = u.person_full_name,
 value = u.user_id
Страница:
...