How to add input text in select option dropdown

Question

I would like to know how to add input text box to the select dropdown and use it as search filter in javascript.

<select class="form-control">
    <option value="trans">Trans</option>
    <option value="fund">Fund</option>
    <option value="insta">Insta</option>
</select>

Answer 1

You can try <datalist>:

The HTML <datalist> element contains a set of elements that represent the values available for other controls.

<input list="select" name="select">
<datalist class="form-control" id="select">    
  <option value="Trans"/>
  <option value="Fund"/>
  <option value="Insta"/>
</datalist>