Possuo esse campo select:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

    <div class="control-group">
      <select runat="server" onclick="ClearOptions(this);" name="txtpesquisa" id="txtpesquisa" class="form-control.selectize-control">
      </select>
      <script>
        $('#txtpesquisa').selectize();
      </script>
    </div>

<!-- end snippet -->

Preciso limpar ele ao clicar, onde ele abre a pesquisa, pois está escrito pesquise aqui, ai na hora que clicasse, precisava que o campo ficasse pronto para ser digitado. Como posso fazer? Já tentei algumas formas, porém sem sucesso.
Esta é a ultima forma que tentei, mas também não deu certo:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    function ClearOptions(id) {
      document.getElementById(id).options.length = -1;
    }

<!-- end snippet -->