title: Searchable Dropdown
body: <p>In the below code there is a dropdown which has countries and my aim is to make the dropdown to be editable and searchable.Please help me to do this.</p>
  
  <p>code:</p>
  
  <pre><code>&lt;label for='SelectCountry'&gt;Choose a country:&lt;/label&gt;&lt;br /&gt;&lt;br /&gt;
  
      &lt;asp:DropDownList id='SelectCountry' name='SelectCountry' runat='server'
                        ClientIDMode='Static'&gt;
          &lt;asp:ListItem Text='Afghanistan' Value='Afghanistan'&gt;&lt;/asp:ListItem&gt;
          &lt;asp:ListItem Text='Albania' Value='Albania'&gt;&lt;/asp:ListItem&gt;
          &lt;asp:ListItem Text='Algeria' Value='Algeria'&gt;&lt;/asp:ListItem&gt;
          &lt;asp:ListItem Text='Bahrain' Value='Bahrain'&gt;&lt;/asp:ListItem&gt;
          &lt;asp:ListItem Text='Bangladesh' Value='Bangladesh'&gt;&lt;/asp:ListItem&gt;
          &lt;asp:ListItem Text='Barbados' Value='Barbados'&gt;&lt;/asp:ListItem&gt;
          &lt;asp:ListItem Text='Cambodia' Value='Cambodia'&gt;&lt;/asp:ListItem&gt;
          &lt;asp:ListItem Text='Cameroon' Value='Cameroon'&gt;&lt;/asp:ListItem&gt;
          &lt;asp:ListItem Text='Canada' Value='Canada'&gt;&lt;/asp:ListItem&gt;
      &lt;/asp:DropDownList&gt;
  
      &lt;br/&gt;
  
      &lt;script type='text/javascript' &gt;
          $(function () {
              $('#SelectCountry').ufd({ log: true });
          });    
      &lt;/script&gt;
  
  &lt;/asp:Content&gt;
  </code></pre>