Jquery Autocomplete - добавить выбранные значения в скрытое поле

Question

Я использую автозаполнение Jquery на основе: http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/. Я могу выбрать значение из текстового поля и добавить его в список, как в примере. Можно ли добавить выбранное значение в скрытое поле? Например <input type='hidden' value='value 1,value 2, value 3' name="SelectedValue" id="SelectedValue"/>

Answer 1

Чтобы добавить более одного значения в скрытое поле:

var hdnValue = $('hdnFieldName').val();
$('hdnFieldName').val(hdnValue +','+selectedValue);

Посмотрите также string.join .

Answer 2

$('input#suggest').result(function(event, data, formatted) {
   $("#SelectedValue").val( $("#SelectedValue").val() + "," data );
});

Просмотр автозаполнения документации для подробностей

Answer 3

Не переизобретай колесо.Просто используйте этот кусок jQuery.Для каждого поля ввода автозаполнения создается скрытое поле с использованием имени исходного поля ввода.В этом скрытом поле хранится ключ автозаполнения.При отправке ключи будут отправлены.Вам не нужно ничего менять в своем бэкэнде.

http://www.petefreitag.com/item/756.cfm

$('input.YourClassName').each(function() {
    var autoCompelteElement = this;
    var formElementName = $(this).attr('name');
    var hiddenElementID  = formElementName + '_autocomplete_hidden';
    /* change name of orig input */
    $(this).attr('name', formElementName + '_autocomplete_label');
    /* create new hidden input with name of orig input */
    $(this).after("<input type=\"hidden\" name=\"" + formElementName + "\" id=\"" + hiddenElementID + "\" />");
    $(this).autocomplete({source:'employee-search-json.cfm', 
        select: function(event, ui) {
            var selectedObj = ui.item;
            $(autoCompelteElement).val(selectedObj.label);
            $('#'+hiddenElementID).val(selectedObj.value);
            return false;
        }
    });
});