jQuery Select2 plugin: réinitialiser

Je voudrais être en mesure de réinitialiser (ie vide et valeurs de l'espace réservé comme sur un "nouveau") une Select2 liste déroulante. Pour être plus précis, j'ai à charge des listes déroulantes et de compensation devrait désactivez la fonction de ceux.

Comme un exemple, j'aurais pu le pays, la région et la ville: la compensation pays devrait effacer la région et la ville.

J'ai essayé plusieurs choses mais n'a jamais été en mesure de déclencher par programmation clair. Le plus évident a été $('#my-select').empty() mais l'espace réservé n'est pas re-set et de la valeur sélectionnée reste (même si elle n'est pas affichée).

À l'aide de $('#my-select').select2('data', {}) (ou $('#my-select').select2('data', null)) n'est pas ce qui donne le résultat souhaité et de l'obtention de l'erreur:

Erreur: Option "données" n'est pas autorisée pour Select2 lorsqu'il est attaché à un
élément.

Est-il une solution efficace pour qui?

  • u peut collez le code complet, sans connaître la structure exacte de la page, ce n'est pas possible de dire n'importe quoi 🙁
  • Ma question est plus sur le Select2 API: le problème ne dépend pas de la structure de la page. Mais je peux faire un exemple si vous le souhaitez.
  • J'ai compris le problème, mais je me suis confondue par les entrées u avez donné dans votre question. initialement u dit u essayé $('#my-select').empty() , et plus tard $('#my-select').select2('data', {}) ,donc j'ai besoin de savoir, est ma-sélectionnez l'id de votre liste déroulante ou c'est juste une balise parent de votre cible déroulante ?
InformationsquelleAutor Alban Dericbourg | 2013-04-03
  1. 1

    Dans Select2 v3.4.1, j'ai enlevé la batterie Li éléments de UL, mais seulement le "select2-recherche-choix" tags:

    $('.select2-search-choice').remove();
    InformationsquelleAutor Hernaldo Gonzalez
  2. 1

    Bien...

    Il un moyen, c'est de travailler sur un exemple minimal (voir ci-dessous). Sur cet exemple, la deuxième sélection ne permet pas de récupérer de l'espace réservé sur reset (disons que c'est presque de travail). Cela signifie que le code legacy, je suis en train de travailler sur un problème quelque part (compte tenu de l'erreur, je suppose que les balises JSP génère un <select>).

    La question ne semble pas être là où je cherchais.

    Voici donc la solution (mais pas la solution à mon problème).

    <!DOCTYPE html>
<html lang="en">
<head>
<title>Select2 example</title>
<link href="select2-release-3.2/select2.css" media="all" rel="stylesheet" type="text/css" />
</head>
<body>
<fieldset>
<legend>Example</legend>
<label for="first-select">First</label>
<input id="first-select" />
<label for="second-select">Second (depends on first)</label>
<input id="second-select" />
</fieldset>
<script src="jquery-1.9.1.min.js"></script>
<script src="select2-release-3.2/select2.js"></script>
<script type="text/javascript">
$(function() {
var secondData = [{id:0,text:'1'},{id:1,text:'2'},{id:2,text:'3'},{id:3,text:'4'}];
$(document).ready(function() {
//Init first dropdown.
$('#first-select').select2({
allowClear: true, 
placeholder: 'Select a value',
data: [{id:0,text:'A'},{id:1,text:'B'},{id:2,text:'C'},{id:3,text:'D'},{id:4,text:'E'}]
});
//Init second dropdown.
$('#second-select').select2({
allowClear: true, 
placeholder: 'Select a value',
data: {}
});
});
$(document).on('change', '#first-select', function() {
if ($(this).val() == "") {
//Clear second
$('#second-select').select2({
allowClear: true, 
placeholder: 'Select a value',
data: {}
});
} else {
//Fill second
$('#second-select').select2({data: secondData});
}
});
});
</script>
</body>
</html>
    InformationsquelleAutor Alban Dericbourg