2

Estava tentando limpar a opção selecionada da caixa de seleção - <select> usando JavaScript. Nessa caixa de seleção estou usando o plugin Choosen.

Vi uma resposta no Stack Overflow, e já fiz o seguinte código:

$("#btnLimpar").click(function(){
            $("#editPublication")[0].reset();
            var cmb = new Array('#cmbCompany','#cmbType','#cmbTitle','#cmbEmployee','#cmbMonth');

            for (var i = 0; i < cmb.length; i++) {
                $(i).val('').trigger('chosen:updated');
            };
        });

Entretanto ainda não consegui limpar a opção selecionada. E se uso:

console.log($(i).val('').trigger('chosen:updated'));

É retornado informações semelhantes a essa:

r.fn.init {}
    __proto__: Object(0)

 [1]
    0: 1
    length: 1
    __proto__: Object(0)

Como posso limpar a opção selecionada no combobox?

7
  • for????
    – Jéf Bueno
    Commented 28/09/2017 às 19:57
  • Que foi? Qual problema? @LINQ Commented 28/09/2017 às 19:57
  • Qual o motivo dessa tag?
    – Jéf Bueno
    Commented 28/09/2017 às 19:58
  • Achei que fosse adequada @LINQ. Commented 28/09/2017 às 19:58
  • Mas por quê? Não entendi a relação da pergunta com for
    – Jéf Bueno
    Commented 28/09/2017 às 19:59

2 Respostas 2

5

Você está selecionando o índice do loop e não o elemento na pagina, veja se o código abaixo funciona:

$("#btnLimpar").click(function(){
    $("#editPublication")[0].reset();
    $("#cmbCompany,#cmbType,#cmbTitle,#cmbEmployee,#cmbMonth").val("").trigger("chosen:updated");
});
0

A lógica está correta, entretanto, você esqueceu, de incluir a sua variável cmb ao loop. Perceba que você não usou ela no loop em si, simplesmente a declarou, mas dentro do loop, você não a utilizou:

$(i).val('').trigger('chosen:updated');

Você pode adicioná-la, dentro do loop, e juntamente com a variável i, acessar os índices do seu array a cada iteração, para que seja substituída pelos elementos do array, dessa maneira:

$(cmb[i]).val('').trigger('chosen:updated');

Por fim, você pode fazer da seguinte maneira, que irá funcionar:

$("#btnLimpar").click(function(){
            $("#editPublication")[0].reset();
            var cmb = new Array('#cmbCompany','#cmbType','#cmbTitle','#cmbEmployee','#cmbMonth');

            for (var i = 0; i < cmb.length; i++) {
                $(cmb[i]).val('').trigger('chosen:updated');
            };
});

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 .