Skip to main content
adicionou 903 caracteres ao conteúdo
Fonte Link
Mariana
  • 2,5mil
  • 3
  • 24
  • 66

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();
}

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

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();
}

O AP está utilizando a biblioteca Selectize.js mas não informou nas tags.
Link
Fonte Link
Mariana
  • 2,5mil
  • 3
  • 24
  • 66

Limpar elemento select com JavaScript

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