2

Possuo esse campo select:

<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>

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:

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

Segue como carrego o txtpesquisa.

private void CarregaPessoa() {

  SqlCommand comando = new SqlCommand();
  comando.Connection = clsdb.AbreBanco();
  comando.CommandType = CommandType.Text;
  comando.CommandText = "select id, nome, classificacao_id from PESSOA where id != 0 order by nome asc";

  SqlDataAdapter da = new SqlDataAdapter();
  da.SelectCommand = comando;
  DataSet ds = new DataSet();
  da.Fill(ds);

  DataRow dr = ds.Tables[0].NewRow();
  dr[0] = 0;
  dr[1] = "Pesquise aqui .. ";
  ds.Tables[0].Rows.InsertAt(dr, 0);

  txtpesquisa.DataSource = ds.Tables[0];
  txtpesquisa.DataTextField = "nome";
  txtpesquisa.DataValueField = "id";
  txtpesquisa.DataBind();
}

1
  • 1
    Sua pegunta não ficou muito clara, vc quer limpar qual campo, está utilizando plugins?
    – LeAndrade
    Commented 8/05/2018 às 20:59

1 Resposta 1

2

Quando você utiliza o Selectize.js ele esconde seu input e cria uma série de elementos (divs e um outro input) para criar a caixa de entrada para as tags e options. Isso singifica que não é aconselhável você trabalhar diretamente com o input original, mas sim com o objeto que é retornado através do método selectize().

Para você escutar quando o objeto toma foco e limpá-lo, utilize como abaixo:

var $select = $('#txtpesquisa').selectize({
    onFocus : function(){
        $select[0].selectize.clear();
    },
});

Porém, acho que você pode utilizar de uma maneira melhor. O que você procura talvez seja um placeholder mais inteligente. Veja abaixo:

var $select = $('#txtpesquisa').selectize({
    placeholder : "Pesquise aqui"
});

Neste link você pode encontrar mais informações sobre como utilizar o Selectize.js e poderá ver o restante de suas configurações.

9
  • Não funcionou, eu já tenho o pesquisa aqui, que o valor é 0 e faz a pesquisa se todos, porém preciso que na hora que o usuário clique, limpe o campo para que ele possa digitar.
    – Mariana
    Commented 9/05/2018 às 12:38
  • Você usou a primeira opção para limpar? Ocorreu algum erro?
    – bio
    Commented 9/05/2018 às 12:59
  • Não, ele não ocorre nenhum erro, vou te mostrar como que carrego o txtpesquisa, vou atualizar a pergunta.
    – Mariana
    Commented 9/05/2018 às 13:00
  • Alguma dica @bio ?
    – Mariana
    Commented 10/05/2018 às 14:29
  • 1
    Consegui usando o seu código mesmo, $select[0].selectize.clear(); coloquei somente esta parte, e deu certo, obrigado.
    – Mariana
    Commented 11/05/2018 às 12:06

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .