Bootstrap Select - réinitialiser sur l'élément ajouté dynamiquement

Je suis en utilisant Bootstrap Sélectionnez (http://silviomoreto.github.io/bootstrap-select/) pour l'affichage de la liste déroulante avec la Police Impressionnant icônes pour chaque section de mon site web.

J'ai ajouté la possibilité d'ajouter de nouvelles sections - quand on clique sur le bouton ajouter, une nouvelle section (double de la section précédente) est ajouté. Dans cette section, le Bootstrap Sélectionnez ne fonctionne pas.

J'ai essayé de reinitilize il aime:

var select = $('[name="section['+ numbersection +'][section_icon]"]');
$(select).selectpicker('destroy');
$(select).selectpicker({
  showIcon: false
});

Qui ne fonctionne pas bien, comme le detroy méthode ne semble pas le feu. Est-il un moyen de reinitilize Bootstrap Sélectionner de façon dynamique l'ajout d'un élément?

source d'informationauteur user1049961 | 2014-05-07

  1. 44

    Vous actualisez votre sélectionnez comme mentionné sur la page du plugin :
    http://silviomoreto.github.io/bootstrap-select/methods/#selectpickerrefresh

    $(select).selectpicker('refresh');
  2. 13

    refresh()

    Par programme de mise à jour d'un select avec JavaScript, premier manipuler le sélectionner, puis utilisez la méthode refresh pour mettre à jour l'INTERFACE utilisateur pour correspondre à la nouvelle état. Cela est nécessaire lors de l'ajout ou la suppression d'options, ou lors de la désactivation/activation de l'une de sélectionner via JavaScript.

    $(".selectpicker").selectpicker('refresh');

    Démo