Em Andamento

Javascript Autocomplete Non-Editable Combobox with Append

I need an javascript based combobox that supports autocomplete/autosuggest, autoappend and restricts user input to only those items on the list (non-editable).? ? ? The javascript must allow multiple? comboboxes? on a page, and support different selection lists as well a the same? list shared among different comboboxes.? Items matching the user input should be displayed in a dropdown list, selectable by the arrow keys.? The combobox list items should be entered into a javascript arrray.

## Deliverables

I? need an javascript based combobox that supports autocomplete/autosuggest, autoappend and restricts user input to only those items on the list (non-editable).? ? ? The javascript must allow multiple? comboboxes? on a page, and support different selection lists as well a the same? list shared among different comboboxes.? Items matching the user input should be displayed in a dropdown list, selectable by the arrow keys.

See the? link? below for a close example.

How it works: the user types a letter and all items starting with that letter appear on the list and the first match appears in the combobox (autoappend), with the unmatched portion highlighted.? If there are no items with that letter, nothing appears in the list.? ? If the first letter matches as well as the second, then the first item that matches both characters ? appears in the combobox, with the unmatched portion highlighted, and? all the other matching items appearing in? the dropdown list.? ? ? If the first letter matches and the second doesn't, then the first match appears in the combobox, with the unmatched portion highlighted.? This process continues through any number of characters, stopping when the items in the list no longer match.? ?

If the user presses the backspace, then the last letter will be deleted and the items returned to the first match... and so on through all characters.? If all characters are removed, then the first item on the list is displayed, highlighted.

At no time should the user be able to have an item in the combobox that? is not on the list.? If the first item on the list is blank, then blanks will be supported in the combobox.

The user should be able to scroll through any items in the dropdown list using the up and down arrow.

You can assume that the list is sorted alphabetically.

The number of items that display in the dropdown should be adjustable in the javascript.

The implementation on the HTML page should be simple and? straightforward.? ? The primary browser requirement is IE 6+, but the more browsers supported, the better.? The HTML can use textboxes or comboboxes.

The items in combobox the list should be entered into a javascript array, such as the following:? var customarray=new Array('an apple','alligator','elephant','pear','kingbird','kingbolt', 'kingcraft','kingcup','kingdom','kingfisher','kingpin','king','kinger','kingly');

A good example of how? I want this to work here:? <[url removed, login to view]>?

? and use the following options:

AutoPostBack: No

DropDownStyle: DropDownList? ? ?

AutoCompleteMode: SuggestAppend? ? ?

CaseSensitive: No

ItemInsertLocation: Append

This example is done in .net and we want to use javascript and html only.? We do not need all of the options available on the link.? The scroll bar is not required, but up and down arrows must be supported to scroll throught the list.? Note that by using the delete and/or backspace the combo box can list items not in the list.? This should not happen.

Habilidades: Engenharia, Javascript, MySQL, PHP, Gestão de projetos, Arquitetura de software, Teste de Software, Hospedagem Web, Gestão de Site , Teste de Website

Ver mais: editable autocomplete combobox javascript, dropdownlist autocomplete editable javascript, javascript combobox autocomplete editable, html editable combobox javascript, javascript autocomplete combobox, php autocomplete, better javascript, non editable autocomplete, non editable dropdown javascript, ajax works, pear, elephant, combobox, alligator, php close browser, input dropdown php, javascript multiple, javascript scroll page, javascript items, input dropdown, dropdown lists html, ajax editable, javascript support, append display, matching items

Acerca do Empregador:
( 23 comentários ) Ottawa Hills, United States

ID do Projeto: #3002308

Premiar a:

hudsontavares

See private message.

$25.5 USD em 14 dias
(10 Avaliações)
4.0

7 freelancers estão ofertando em média $159 para este trabalho

webexpert78

See private message.

$106.25 USD in 14 dias
(103 Comentários)
6.1
schnelldan

See private message.

$34 USD in 14 dias
(46 Comentários)
5.2
mirelush27

See private message.

$51 USD in 14 dias
(20 Comentários)
4.1
alahmad

See private message.

$42.5 USD in 14 dias
(1 Comentário)
1.3
omnimanvw

See private message.

$6.8 USD in 14 dias
(0 Comentários)
0.0
jpejack

See private message.

$850 USD in 14 dias
(0 Comentários)
0.0