Problema em Limpar SELECT OPTION

[violin101 0]

Caros amigos saudações...

 

Desculpa em recorrer aos amigos, mas estou com um pequeno problema.

 

Tenho uma Rotina onde INCLUO produto e quantidade. <=== até aqui tudo bem.

 

Para selecionar o Produto utilizo um SELECT. Gostaria que após Clicar no Botão Adicionar, a página possa ser Atualizada e o Select fica vazio.

 

Não estou conseguindo fazer isso.

 

Abaixo estou colocando como a VIEW está.

                      <form id="formProdutos" enctype="multipart/form-data" method="post"
                            action="<?php echo base_url() ?>cotas/cotacoes/adicionarProduto"  >

                      <div class="box-body">

                        <div class="col-lg-10">
                          <label for="produto">Produto<span class="required">*</span></label>
                          <div class="controls">
                          <select class="form-control select2" id="produto" name="produto" style="width:100%;">
                            <option value="">Selecione um Produto</option>
                            <?php 
                              //Recebe o Código da Categoria da Cotação
                              $codcateg = $result->clientesCategoria_idClienteCategoria;
                              foreach ($produtos as $prd) {
                                if($prd->clientesCategoria_idClienteCategoria == $codcateg){
                                  echo '<option value="' . $prd->codPrdClie . '"' . $selected . '>' . $prd->prdDescr . '</option>';
                                }//Fim do IF
                              }//Fim do FOREACH
                            ?>
                          </select> 
                          </div>
                        </div> 

                        <div class="col-lg-2">
                            <label for="quantidade">Quantidade<span class="required">*</span></label>
                            <input type="text" id="quantidade" name="quantidade" style="width:100%;" 
                                   class="form-control" placeholder="Digite uma Qtde" 
                                   onkeypress="return numberOnly(event)" />
                        </div>
                        <div class="clearfix"></div>    
                        <br/>                 
                        
                        <div class="col-lg-12">
                            <label for="comenta">Comentário</label>
                            <input type="text" id="comenta" name="comenta" style="width:100%;" 
                                   class="form-control" placeholder="Comentário e/ou Marca do produto" 
                                   onkeyup="up(this)" /> 
                        </div>
                        <div class="clearfix"></div>    
                        <br/>                           

                      </div>
                      <!-- /.box-body -->

                      <div class="box-footer" style="text-align:center;">
                        <input type="hidden" id="idCts" name="idCts" value="<?php echo $result->idCotacoes; ?>"/>
                        <input type="hidden" id="idCli" name="idCli" value="<?php echo $cliente->idClientes; ?>"/>
                        
                        <button type="submit" class="btn btn-primary" id="btnAdicionarProduto">Adicionar</button>
                        <a href="<?php echo base_url() ?>cotas/cotacoes" id="" class="btn btn-danger"><i class="fa fa-undo"></i> Voltar</a>
                        
                      </div>

                    </form>
                    <div class="clearfix"></div>    
                    <br/>

 

 

Criei um JAVASCRIPT assim:

<script type="text/javascript">

        $("#formProdutos").validate({
            rules: {
                produto: {required: true},
                quantidade: {required: true}
            },
            messages: {
                produto: {required: 'Insira um produto'},
                quantidade: {required: 'Insira a quantidade'}
            },
            submitHandler: function (form) {
                var dados = $(form).serialize();
                $("#divProdutos").html("<div class='progress progress-info progress-striped active'><div class='bar' style='width: 100%'></div></div>");
                $.ajax({
                    type: "POST",
                    url: "<?php echo base_url();?>cotacao/cotacoes/adicionarProduto",
                    data: dados,
                    dataType: 'json',
                    success: function (data) {
                        if (data.result == true) {
                            $("#divProdutos").load("<?php echo current_url();?> #divProdutos");
                            $("#quantidade").val('');
                            $("#comenta").val('');
                            $("#refere").val('');
                            $("#produto").val('').focus();  //<<== aqui seria para limpar o SELECT, mas não limpa 
                        } else {
                            alert('Ocorreu um erro ao tentar adicionar produto.');
                        }
                    }
                });

                return false;
            }

        });
</script>

 

Grato a todos.

 

Atenciosamente,

 

Cesar

[Felipe Guedes Coutinho 0]

violin101

Não sei se te ajuda, já que o comando .val(' ') deveria limpar.

 

Mas existem outros meios de se limpar o campo, talvez te ajude.

 

<form action='#'>
  <input type='text' placeholder='Nome de usuário'/>
  <input type='email' placeholder='Email'/>
  <input type='password' placeholder='Senha'/>
  
  <input type='reset' value='Limpar todos os campos'/>
</form>

No Jquery não existe o método reset, mas você pode chamar o nativo do javascript:

$('form').submit(function(){
    $(this)[0].reset();
});

Comando para limpar o form:

$('.ajax-form')[0].reset();

 

Ou este:

$(".ajax-form").trigger('reset');

Espero ter ajudado.

 

Att.

Felipe Coutinho