jquery 自动完成按钮单击获取隐藏值

Question

使用jquery自动完成，我们通过调用.result函数来获取隐藏值，如下所示

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

这仅当我们从自动建议列表中选择选项并按 Enter 键时才有用。我需要的是通过输入完整的单词而不选择它并单击“确定”按钮来输入选项？但我总是感到空虚。

<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

编辑:根据您的评论，您需要执行以下操作:

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

查看它正在运行here .