web-dev-qa-db-fra.com

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

J'utilise Bootstrap Select ( http://silviomoreto.github.io/bootstrap-select/ ) pour afficher la liste déroulante avec des icônes Font-Awesome pour chaque section de Mon site internet.

J'ai ajouté la possibilité d'ajouter de nouvelles sections - lorsque vous cliquez sur le bouton Ajouter, une nouvelle section (doublon de la section précédente) est ajoutée. Dans cette section, la sélection Bootstrap ne fonctionne pas.

J'ai essayé de le réinitialisez comme:

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

Cela ne fonctionne pas cependant, car la méthode detroy ne semble pas se déclencher. Existe-t-il un moyen de réinitialiser Bootstrap Sélectionner sur l'élément ajouté dynamiquement?

jquerytwitter-bootstrapselectbootstrap-select
22
user1049961

Vous devez actualiser votre sélection comme mentionné sur la page du plugin

$(select).selectpicker('refresh');
58
Seb33300

actualiser ()

Pour mettre à jour par programme une sélection avec JavaScript, commencez par manipuler la sélection, puis utilisez la méthode d'actualisation pour mettre à jour l'interface utilisateur pour qu'elle corresponde au nouvel état. Cela est nécessaire lors de la suppression ou de l'ajout d'options, ou lors de la désactivation/activation d'une sélection via JavaScript.

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

Démo

18
Manwal