6

Não sei quase nada de JavaScript mas consegui usar o Chosen para mudar minhas selects. O que não estou conseguindo é usar o trigger que o site indica para atualizar o campo.

Quero que cada vez que clique no campo select e o dropdown list acione, ele atualize os valores.

Sei que o site diz para colocar $("#form_field").trigger("chosen:updated"); mas não sei onde, também não sei o que é o #form_field. É o id do formulário? Do campo? Tenho que criar algum evento com onselect ou onclick?

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="chosen/chosen.css">
<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script src="chosen/chosen.jquery.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<title>Cadastro de Filmes</title>
</head>

 <script type="text/javascript">
$(function(){
    $('.chzn-select').chosen({width: "50%", no_results_text: "Sem registro de ", size: "5"});
});
</script>

<body>

<div class='cadastro' >
 <h1>Cadastro de Filmes</h1>
 <form action='' method='post' enctype='multipart/form-data' name='form1' id='form1'>
 <p>País
    <select name='pais[]' data-placeholder=' ' multiple class='chzn-select')
      <?php
        //LAÇO PARA BUSCAR TODOS OS DADOS DO BANCO MARCANDO AQUELES QUE ESTÃO SELECIONADOS 
        $j=0;
        $tam=sizeof($pais_sel);
        for($i=0;$i<sizeof($pais);$i++){
         if($pais[$i]==$pais_sel[$j]){
          echo "<option value='$pais[$i]' selected>$pais[$i]</option>";
         if($j<$tam-1){
          $j++;
         }
        }else{
          echo "<option value='$pais[$i]'>$pais[$i]</option>";
         }      
       }
       ?>
    </select>
    </p>
  <p>
    <input name='enviar' type='submit' id='enviar' value='Enviar' />
  </p>
  </form>
  </div>
    </body>
</html>
11
  • Podes colocar o código que tens aqui?
    – Sergio
    Commented 30/11/2014 às 19:22
  • Como coloco código aqui?
    – adairbsjr
    Commented 30/11/2014 às 22:44
  • Pode editar a pergunta e colocar o código na pergunta. Se precisar de ajuda a formatar o código nós ajudamos.
    – Sergio
    Commented 30/11/2014 às 23:10
  • Coloquei o código, mas nem todo apareceu.
    – adairbsjr
    Commented 1/12/2014 às 0:08
  • Olá, amigos. Vou tentar ser mais claro. Tenho um formulario de cadastro de filmes em que tem um campo país, por exemplo, para selecionar os países que co-produziram esse filme. Vou criar ao lado desse campo um botão novo para cadastrar novos países. O que preciso é que o campo país do primeiro formulário atualize com o novo país que acabei de cadastrar sem ter que dar um refresh na página, pois assim perderia os dados digitados nos outros campos. Creio que seja com a função update do chosen que estou usando, mas não sei usar direito. Agradeço a atenção.
    – adairbsjr
    Commented 1/12/2014 às 1:41

3 Respostas 3

1
<script type="text/javascript">
    $(function(){
    $('.chzn-select').chosen({width: "50%", no_results_text: "Sem registro de ", size:"5"});
    $(document).on('chosen:updated', '.chzn-select', function(e,x){

       //Não sei direito o que voce quer fazer aqui,
       // Mas coloco o código aqui, ele será executado toda vez que o usuario mudar o chosen
      //De uma olhada nos parametros e, x

       alert('Alguma alteração aconteceu');
    });
});
</script>
2
  • 4
    Seria melhor voce editar sua resposta original acrescentando este trecho em vez de postar 2 pedaços.
    – Largato
    Commented 1/12/2014 às 13:45
  • Olá, Penihel. Agradeço pela resposta. Como disse antes não entendo nada de Java, apenas copiei o que vi num fórum para fazer funcionar o chosen. O que quero, se possível, é que se eu atualizasse o banco de dados não fosse preciso dar um refresh na página do formulário para atualizar o campo. Infelizmente não entendi seu código. Abraços
    – adairbsjr
    Commented 1/12/2014 às 14:00
1

No seu caso:

$('.chzn-select').trigger("chosen:updated");

Agora,mudando de assunto

Agora seu problema em atualizar o pais, eu sugiro que você use o knockoutjs e "link" seu select a um array, após salvar o novo país via callback, volte a acrescente um ítem no array, e seu problema estará resolvido.

1
  • Ola, amigo. Não sei bem onde colocar esse código.
    – adairbsjr
    Commented 1/12/2014 às 13:38
1

Basta você criar uma função que atualiza o select Chosen, adicionando um novo option ao select. Fiz uma implementação no Fiddle do Sergio que mostra como funciona, aí basta você adaptar conforme queira: http://jsfiddle.net/rq7fkzpk/3/

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 .