Select2 / Jquery
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
Curtidas 0
Respostas
Fundeste Sc
16/11/2017
Resolvido: Simplesmete é só substituir formatResult por templateResult... o mesmo para formatSelection
GOSTEI 0
Rander Freitas
16/11/2017
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!
GOSTEI 0