title: dropdownlist to combobox
body: <p>Im looking for a simple control or jQuery plugin that convert a DropDownList to a ComboBox.</p>
  
  <p>Im currently using the Ajax Combo Box which I have just about had enough off. Im trying to make the combobox 100% width and they layout always gets screwed up when an item is selected from the list where the combobox resizes to the width of the selected list item.</p>
  
  <p>The standard asp.net DropDownList just works and doesnt have any of these issues, however I require the autocomplete functionality of the ComboBox.</p>
  
  <p>Is there a jQuery plugin or anything similar I can just call on document.ready to convert standard asp.net dropdown lists to ajax combo box style combo?</p>
  
  <p><strong>Code So far:</strong></p>
  
  <pre><code>&lt;script src="../../JavaScripts/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="../../JavaScripts/jquery-ui.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
      $(document).ready(function () {
          $('#&lt;%=ddlProjectCode.ClientID %&gt;').combobox();
          alert('test');
      });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>etc:</p>
  
  <pre><code> &lt;asp:DropDownList ID="ddlProjectCode" runat="server" AppendDataBoundItems="True" AutoCompleteMode="SuggestAppend"
                                  AutoPostBack="True" DropDownStyle="DropDownList" RenderMode="Block" Width="100px"
                                  OnSelectedIndexChanged="ddlProjectCode_SelectedIndexChanged" CssClass="comboBoxInsideModalPopup"&gt;
                              &lt;/asp:DropDownList&gt;
  </code></pre>
  
  <p>But now i get the error:</p>
  
  <p>object does not support this property of method 'combobox' </p>