Converting an HTML drop-down list into an Ext combo box

This recipe explains how you can convert an HTML drop-down list into a combo box, as shown in the following screenshot:

How to do it...

1. 1. Create the HTML select element that will be converted:

   <select name="makes-transformed" id="makes-transformed">
   <option value="Acura">Acura</option>
   <option value="Aston Martin">Aston Martin</option>
   <option value="Audi">Audi</option>
   <option value="BMW">BMW</option>
   <option value="Buick">Buick</option>
   <option value="Cadillac">Cadillac</option>
   <option value="Chevrolet">Chevrolet</option>
   <option value="Chrysler">Chrysler</option>
   <option value="Dodge">Dodge</option>
   <option value="Ferrari">Ferrari</option>
   <option value="Ford">Ford</option>
   <option value="GMC">GMC</option>
   <option value="Honda">Honda</option>
   </select>
   

2. 2. Define the...