twitter Bootstrap autocomplete rozwijane / combobox z Knockoutjs

Mam wymóg, w którym muszę korzystać z rozwijanego autouzupełniania bootstrap, ale użytkownik może mieć dowolny tekst formularza w tym rozwijanym menu, jeśli chce. Zanim pomyślisz o Typehead, mogę użyć Bootstrap Typehead textbox, ale muszę mieć rozwijaną, ponieważ chcemy dać pewne wartości domyślne jako opcje headstart w przypadku, gdy użytkownicy nie wiedzą, co szukać.

Używam tego z MVC DropDownListFor, ponieważ tworzy dla nas select control.

Znalazłem ten artykuł, który robi to dla mnie.

Https://github.com/danielfarrell/bootstrap-combobox/pull/20

Wystarczyło zdjąć nazwę z kontrolki select, a kontrolka pozwalała mi wprowadzić dowolny tekst. Jak na razie wszystko w porządku.

Teraz używam tego w połączeniu z Knockoutjs. I bind my options and selected value to the select control and then on rendered of my template, I called (selector).combobox (), który sprawia, że kontrolka select jest bootstrap comobobox i dodaje kontrolka wejścia i ukrywa kontrolkę wyboru w scenach za.

Problem polega teraz na tym, że gdy próbuję uzyskać wartości do wysłania na serwer, ponieważ wartość, którą umieszczam w polu wprowadzania, nie jest poprawną opcją z opcji, które dałem do wyboru sterowania, zawsze ustawia ją domyślnie na pierwszą opcję. To dlatego, że ustawiłem powiązanie wybranej wartości na kontrolce select, a nie na polu wprowadzania, które zostało utworzone przez bootstrap-combobox.js.

Moje pytanie brzmi jak uzyskać wejście box to data-bind do tego samego porperty, do którego została przypisana kontrolka select.

Jakieś inne opcje?? Daj mi znać, jeśli potrzebujesz więcej wyjaśnień lub masz pytania. Proszę sugerować.