How to remove the values with jquery on deleting characters in textbox

Question

I have this code

<input type="hidden" value="[{"value":1,"label":"Emmoia Boently"},{"value":6,"label":"John Smith"}]" name="group[users][]" id="users">

<input type="text" value="Emmoia--Boently, John--Smith, " name="autocompleter_group[users][]" id="autocompleter_userss" class="ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">

Now my problem is the current javascript is adding the values from textbox to the hidden feilds.

But when i delete the text then it don't deletes from the hidden input fields.

So i want to do in jquery that when i start deleting the text in main textbox then the value gets deleted in the hidden input field as well.

just like we do in SO when we delete the tag characters in ask question page

To start, you've got your quotes messed up in the example. Second, why not just re-set the hidden field's value to the current representation of the textbox. This would be much simpler than trying to parse out which value got deleted. — Shmiddty
– Shmiddty, Commented Sep 13, 2012 at 15:59

Selvaraj M A · Accepted Answer · 2012-09-13 15:58:08Z

3

$("#autocompleter_userss").on("keyup", function() {
    $("#users").val($(this).val());
});

Fiddle

answered Sep 13, 2012 at 15:58

Selvaraj M A

3,1363 gold badges32 silver badges47 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 11:43:51Z

1

UPDATE: Seems like you're looking for a tag editor. See this post for exhaustive links :)

$('input#1').change(function(){
  $('input#hidden').val($(this).val());
});

Additionally, you could try some data-binidng libaries like knockout.js among others.

edited May 23, 2017 at 11:43

CommunityBot

11 silver badge

answered Sep 13, 2012 at 15:58

Robin Maben

23.3k16 gold badges70 silver badges99 bronze badges

2 Comments

Mirage Over a year ago

its not that simple. In the hidden box i have the ids and text but in the text box i have only text , which i get via AJAX autocomplete call. I think i some how need to have cross button to delete the values

Robin Maben Over a year ago

@volcano: Now I get your question. See my update. Try this one and this one to check if you've found what you were searching :)

Collectives™ on Stack Overflow

How to remove the values with jquery on deleting characters in textbox

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related