jQuery-UI selectable into input

Question

please follow this link: FIDDLE

I'm building this input (that is a search tool) and I'm putting some "tips" to select.

I use an hidden paragraph to store it better.

I have 2 problems:

if you try to select 3 tips and that to deselect all you can see that the hidden text is empty but the input have the last tips selected.
I would like that if I manually type "Hello world" and than I use tips, Hello world stay there always, also if I remove all the tips than.

Thank you in advance for your help.

Alon Eitan · Accepted Answer · 2011-10-21 23:00:38Z

1

for your first question, try this code

$(document).ready(function() {
    var lista = $('ul#common-list');
    lista.bind("mousedown", function (e) {
        e.metaKey = true;
    }).selectable({
        stop: function () {
            var result = $("input#search");
            var fakeText = $('p.hidden-tips-text').empty();
            $(".ui-selected", this).each(function () {
                var index = $(this).text();
                fakeText.append((index) + " ");
            });
           result.val(fakeText.text());
        }
    });
});

answered Oct 21, 2011 at 23:00

Alon Eitan

12k8 gold badges51 silver badges61 bronze badges

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

2 Comments

Andrea Turri Over a year ago

Yes it work! Thanks, if you can fix the second one too you're the no.1!

Andrea Turri Over a year ago

Solved by myself after your help. Thanks.

Collectives™ on Stack Overflow

jQuery-UI selectable into input

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related