Select2 / Jquery
16/11/2017
0
Boa noite, estou a realizar uns exemplos de estudos com Select2 (Feito download em http://select2.github.io/select2/) e Jquery. Estou seguindo um tutorial para o uso do mesmo... Porém não consigo fazer uma função (format) funcionar e não estou conseguindo entender o por que. Coloquei Alert e Logs mas não funciona o da função... Agradeço pela ajuda desde já. Segue exemplo a seguir:
<html>
<head>
<title>Seletores JQuery</title>
<script src="https://code.jquery.com/jquery-3.2.0.js" integrity="sha256-wPFJNIFlVY49B+CuAIrDr932XSb6Jk3J1M22M3E2ylQ=" crossorigin="anonymous"></script>
<link href="select2/dist/css/select2.min.css" rel="stylesheet" />
<script src="select2/dist/js/select2.min.js"></script>
</head>
<body style="text-align: center">
<form>
<select id="carros" style="width: 300px;">
<option value="VV">Volvo</option>
<option value="SB">Saab</option>
<option value="MC">Mercedes</option>
<option value="AD">Audi</option>
</select>
</form>
</body>
</html>
<script type="text/javascript">
$( document ).ready(function() {
console.log( "INICIO" );
alert("INICIO");
$("#carros").select2({
placeholder: "Selecione Carros:",
allowClear: true,
formatResult: format,
formatSelection: format,
escapeMarkup: function(m) { return m; }
});
console.log( "FIM" );
alert("FIM");
});
function format(state) {
console.log( "DENTRO DA FUNCAO" );
alert("DENTRO DA FUNCAO");
alert('ID:' + state.id + ' - Carro:' + state.text);
}
</script>
<html>
<head>
<title>Seletores JQuery</title>
<script src="https://code.jquery.com/jquery-3.2.0.js" integrity="sha256-wPFJNIFlVY49B+CuAIrDr932XSb6Jk3J1M22M3E2ylQ=" crossorigin="anonymous"></script>
<link href="select2/dist/css/select2.min.css" rel="stylesheet" />
<script src="select2/dist/js/select2.min.js"></script>
</head>
<body style="text-align: center">
<form>
<select id="carros" style="width: 300px;">
<option value="VV">Volvo</option>
<option value="SB">Saab</option>
<option value="MC">Mercedes</option>
<option value="AD">Audi</option>
</select>
</form>
</body>
</html>
<script type="text/javascript">
$( document ).ready(function() {
console.log( "INICIO" );
alert("INICIO");
$("#carros").select2({
placeholder: "Selecione Carros:",
allowClear: true,
formatResult: format,
formatSelection: format,
escapeMarkup: function(m) { return m; }
});
console.log( "FIM" );
alert("FIM");
});
function format(state) {
console.log( "DENTRO DA FUNCAO" );
alert("DENTRO DA FUNCAO");
alert('ID:' + state.id + ' - Carro:' + state.text);
}
</script>
Fundeste Sc
Curtir tópico
+ 0
Responder
Posts
08/12/2017
Fundeste Sc
Resolvido: Simplesmete é só substituir formatResult por templateResult... o mesmo para formatSelection
Responder
14/12/2017
Rander Freitas
Olá,
Que bom que tenha conseguido resolver. Qualquer dúvida, estamos aí.
Valeu!
Que bom que tenha conseguido resolver. Qualquer dúvida, estamos aí.
Valeu!
Responder
Clique aqui para fazer login e interagir na Comunidade :)