This site has moved to:

http://chakrabarty.com/pp_editable_dropdown.html










Editable Dropdown / Listbox ( ComboBox )

combobox

HTML / JavaScript

DropDown with any one option as Editable (like a textbox) and the rest as readonly.
Free Open Source code. Works best on Internet Explorer. Compatible with Netscape and Firefox.

Author:  Subrata Chakrabarty (http://chakrabarty.com)   

Official Website (kindly spread the word):

Bookmark or Share this Webpage:
 

CONTENTS:


 

DECLARATION:

Update History(DD/MMM/YYYY):

    03/Jan/2003 (First Version) - Internet Explorer compatible.
    01/May/2003 (Modified)
    29/July/2003 (Modified)
    30/Oct/2003 (Modified)
    25/Nov/2003 (Modified)
    10/Oct/2004 (Modified - made Netscape compatible!
    25/Feb/2006 (Modified)
    09/Jun/2006 (Modified) - made Firefox compatible!
    01/Feb/2008

     

 

Information for free use



DEMONSTRATION: First Option Editable

The FIRST option ( default : " --?-- " ) is Editable !! ... type in whatever you want!


Left Aligned,
VARIABLE WIDTH,
Left To Right Flow




Left Aligned,
FIXED WIDTH ...(on IE only),
Left To Right Flow




RIGHT Aligned,
FIXED Width ...(on IE only),
RIGHT TO LEFT FLOW




DEMONSTRATION: Last Option Editable

The LAST option ( default : " --?-- " ) is Editable !! ... type in whatever you want!


Left Aligned,
VARIABLE WIDTH,
Left To Right Flow




Left Aligned,
FIXED WIDTH ...(on IE only),
Left To Right Flow




RIGHT Aligned,
FIXED Width ...(on IE only),
RIGHT TO LEFT FLOW







FEATURES:

 
INSTALLATION and OPERATION:


 
SCRIPT: First Option Editable



Free Download:    editable_dropdown_samplecode.html (right click -> save target/link as)

See Demo:     http://chakrabarty.com/combobox.html



Or, create your own file:

    

  1. Select All the code in the box below (right click below -> Select All, or use button above),
  2. Copy the code (right click below -> Copy),
  3. Paste the code into a notepad or any text editor file, and save the file as "editable_dropdown_samplecode.html" file.
  4. Open "editable_dropdown_samplecode.html" file using an internet browser (Internet explorer or Firefox).






-- End of Webpage. Hope you find the free coode useful. Thank You ! --



1