CTAPbIu_MABP's BLOG

С помощью Andrea Riciputi добрался поправить пару минорных багов в автокомплите, заодно с его пинка, точнее на основе его патча дописал новый функционал который позволяет кастомизировать селект под автокоплит. В общем смотрите сами:

Вот такая прелесть получается из вот такой простой разметки и одной строчки кода

<select name="myselect" id="myselect">
<option value='Somateria mollissima'>Common Eider</option>
<option value='Crex crex'>Corncrake</option>
<option value='Grus grus'>Common Crane</option>
<option value='Charadrius hiaticula'>Common Ringed Plover</option>
<option value='Gallinago gallinago'>Common Snipe</option>
<option value='Tringa totanus'>Common Redshank</option>
<option value='Sterna hirundo'>Common Tern</option>
<option value='Alcedo atthis'>Common Kingfisher</option>
<option value='Galerida cristata'>Crested Lark</option>
<option value='Corvus corax'>Common Raven</option>
<option value='Emberiza calandra'>Corn Bunting</option>
<option value='Tadorna tadorna'>Common Shelduck</option>
<option value='Bucephala clangula'>Common Goldeneye</option>
<option value='Buteo buteo'>Common Buzzard</option>
<option value='Phoenicurus phoenicurus'>Common Redstart</option>
<option value='Apus apus'>Common Swift</option>
<option value='Sylvia communis'>Common Whitethroat</option>
<option value='Tringa nebularia'>Common Greenshank</option>
<option value='Columba palumbus'>Common Wood Pigeon</option>
<option value='Delichon urbicum'>Common House Martin</option>
<option value='Carduelis cannabina'>Common Linnet</option>
<option value='Cuculus canorus'>Common Cuckoo</option>
<option value='Lophophanes cristatus'>Crested Tit</option>
<option value='Turdus merula'>Common Blackbird</option>
<option value='Actitis hypoleucos'>Common Sandpiper</option>
<option value='Emberiza schoeniclus'>Common Reed Bunting</option>
<option value='Sturnus vulgaris'>Common Starling</option>
<option value='Aythya ferina'>Common Pochard</option>
<option value='Phylloscopus collybita'>Common Chiffchaff</option>
<option value='Falco tinnunculus'>Common Kestrel</option>
<option value='Fringilla coelebs'>Common Chaffinch</option>
<option value='Gallinula chloropus'>Common Moorhen</option>
<option value='Anas crecca'>Common Teal</option>
<option value='Corvus corone'>Carrion Crow</option>
<option value='Periparus ater'>Coal Tit</option>
<option value='Cettia cetti'>Cetti's Warbler</option>
<option value='Motacilla citreola'>Citrine Wagtail</option>
<option value='Calidris ferruginea'>Curlew Sandpiper</option>
<option value='Loxia curvirostra'>Common Crossbill</option>
<option value='Coturnix coturnix'>Common Quail</option>
<option value='Luscinia megarhynchos'>Common Nightingale</option>
<option value='Hydroprogne caspia'>Caspian Tern</option>
<option value='Carpodacus erythrinus'>Common Rosefinch</option>
<option value='Locustella naevia'>Common Grasshopper Warbler</option>
<option value='Melanitta nigra'>Common Scoter</option>
<option value='Bubulcus ibis'>Cattle Egret</option>
<option value='Aythya valisineria'>Canvasback</option>
<option value='Calonectris borealis'>Cory`s Shearwater</option>
<option value='Dromas ardeola'>Crab-Plover</option>
<option value='Cursorius cursor'>Cream-coloured Courser</option>
<option value='Glareola pratincola'>Collared Pratincole</option>
<option value='Charadrius asiaticus'>Caspian Plover</option>
<option value='Larus cachinnans'>Caspian Gull</option>
<option value='Aethia cristatella'>Crested Auklet</option>
<option value='Chaetura pelagica'>Chimney Swift</option>
<option value='Saxicola maura variegata'>Caspian Stonechat</option>
<option value='Acrocephalus fuscus'>Caspian Reed Warbler</option>
<option value='Emberiza cirlus'>Cirl Bunting</option>
<option value='Melanocorypha calandra'>Calandra Lark</option>
<option value='Ficedula albicollis'>Collared Flycatcher</option>
<option value='Emberiza caesia'>Cretzschmar`s Bunting</option>
<option value='Emberiza rutila'>Chestnut Bunting</option>
<option value='Pyrrhocorax pyrrhocorax'>Chough</option>
<option value='Alectoris chukar'>Chukar</option>
</select>

$("select#myselect").autocomplete();

По умолчанию используются вот такие опции:

{
    source: this,
    values: true,
    fillin: true,
    writable : false,
    onSelect: function() {
        select.val(this.pairs[this.ac.val()]);
    }
}