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>