jquery autocomplete on button click get hidden value

Question

using jquery autocomplete, we get hidden value by calling .result function like this

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

This is only useful when we selected the option from autosuggest list and press enter. What i need is that i enter the option by typing the complete word without selecting it and clicking on Ok button? but i am always getting empty.

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

have you tried alert(hid); ?

Reigel Gallarde
– Reigel Gallarde

2010-06-16 08:00:46 +00:00
Commented Jun 16, 2010 at 8:00 — Reigel Gallarde
– Reigel Gallarde, Commented Jun 16, 2010 at 8:00

kgiannakakis · Accepted Answer · 2010-06-18 08:10:19Z

1

Edit: Based on your comments you need to do something like this:

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

See it running here.

edited Jun 18, 2010 at 8:10

answered Jun 16, 2010 at 8:06

kgiannakakis

104k28 gold badges163 silver badges197 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

gabriel Over a year ago

thanks but this will give textbox value, bcos in autosuggest list i m displaying username and in backend i m getting its userid to be stored in hidden field.i need userid onclick of button

kgiannakakis Over a year ago

The above code will update the value of the hidden field, whenever the value of the autocomplete box changes, whether if it is through typing or an autocomplete selection. The GetValue function needs not to change. See it running in jsbin.com/oxopa3

gabriel Over a year ago

yes it will update hidden field value. but what i mean to say is that i m displaying autosuggest list of "users", and in backend each user have their userid, so in hidden field i need "userid" and not "username"

gabriel Over a year ago

not working type john, dont select it just type the complete word, then click on ok.

gabriel Over a year ago

i m using jquery.autocomplete.js and not jquery UI

|

human.js · Accepted Answer · 2012-03-31 11:06:11Z

0

algorithm:

Onselect:

pre-requisite :Make sure you return label and value {person name and person id} for success
get the item (Key,value)
store the value in a variable. {a = item.value}

now change the item value to label of item.{item.label = item.value} using the value set it to some hidden variable in form like document.personform.hiddenfield = a.
Then submit the form or sent it through ajax.

answered Mar 31, 2012 at 11:06

human.js

1,40214 silver badges15 bronze badges

Collectives™ on Stack Overflow

jquery autocomplete on button click get hidden value

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related