jquery autocomplete sur le bouton cliquez sur Obtenir la valeur cachée

Question

en utilisant autocomplete jquery, nous obtenons la valeur cachée en appelant Cela n'est .result fonction comme celui-ci

$("#suggest").result(function(event, data, formatted) { 
    $('#hidden').val(data[1]); 
}); 

utile lorsque nous avons sélectionné l'option de la liste autosuggest et appuyez sur Entrée. Ce dont j'ai besoin, c'est que j'entre dans l'option en tapant le mot complet sans le sélectionner et en cliquant sur le bouton Ok? mais je me vide toujours.

<input type="text" id="suggest" /> 
<input type="button" value="Ok" onclick="GetValue()" /> 
<input type="hidden" id="hidden"/> 
function GetValue() 
{ 
    //get hidden field value - getting empty 
    var hid=document.getElementById('hidden').value; 
} 

Answer 1

Edit: Sur la base que vous devez faire vos commentaires quelque chose comme ceci:

var users = [ {value: "John", id: 1}, {value: "George", id: 2}, 
       {value: "Jim", id: 3} ]; 

var usersArray = $.map(users, function(el) { return el.value; }); 


$(function(){ 

    $("#suggest").autocomplete(usersArray); 

    // This handles an autocomplete selection 
    $("#suggest").result(function(event, data, formatted) { 
    UpdateValue(); 
    }); 

    // This handles the manual entry case 
    $("#suggest").keyup(function() { 
    UpdateValue(); 
    }); 

}); 

function UpdateValue() 
{ 
    var name=$("#suggest").val(); 
    $("#DebugField").text(name); 
    $.each(users, function(n, item) { 
     if (item.value == name) { 
      $('#hidden').val(item.id); 
      $("#DebugField").text(item.id); 
     } 
    }); 
} 


function GetValue() 
{ 
    //get hidden field value - getting empty 
    var hid=$('#hidden').val(); 
    alert(hid); 
    return false; 
} 

Voir fonctionner here.

Answer 2

algorithme:

onSelect:

pré-requis: Assurez-vous de retourner l'étiquette et la valeur {nom de la personne et id personne} pour le succès
obtenir l'élément (clé, valeur)
magasin la valeur dans une variable. {a = item.value}

modifiez maintenant la valeur de l'élément en libellé d'élément. {item.label = item.value} en utilisant la valeur définie sur une variable masquée sous la forme comme document.personform.hiddenfield = a.
Ensuite, soumettez le formulaire ou envoyez-le par ajax.