jquery - Dropdown merged to an edit field (with autocomplete) -

i´m begginer excuse if it´s basic.

here´s question:

i´d have dropdown field. user click arrow see options , choose one.

but same dropdown should allow user type , (like google does) options (already loaded dropdown) start suggested in poup below.

for example....imagine dropdown have big list of professions (designer, teacher, director...)

you use arrow expand list, navigate , select profession want...but..you start typing t...so profession starting t displayed in popup below...easily allowing select correct.

i have no idea on how create such feature? have tip?

would possible using css3 only? or jquery?

thank much

best regards gustavo.

well, there excelente plugin called jquery choosen.
using jquery can initialize way:

<select data-placeholder="choose option..." class="my-chosen"></select>  $(".my-chosen").chosen({no_results_text: "no results matched"}); 

take look: http://harvesthq.github.com/chosen/
download from: https://github.com/harvesthq/chosen/