Jquery自動完成 - 將選定的值添加到隱藏字段

Question

我使用基於：http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/的Jquery自動完成。我可以從文本框中選擇一個值並將其添加到列表中，如示例中所示。是否可以將選定的值添加到隱藏字段？例如<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); 
}); 

查看autocomplete documentation的細節

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; 
     } 
    }); 
});