Javascript Girl
  1. Javascript Girl
  3. Comment ajouter des valeurs d'options sur Bootstrap-Select de Silviomoreto
Intereting Posts
Comment enregistrer une image depuis le site Web vers parensite.com par javascript? Javascript: comment créer de manière dynamique des objets imbriqués à l'aide de noms d'objets donnés par un tableau Quelle est la liste des valeurs possibles pour navigator.platform à partir d'aujourd'hui? Fonction simple renvoyant la valeur 'indéfinie' Empêcher le lancement sur Entrée dans un champ d'entrée asp.net Comment convertir un objet en CSV en utilisant JavaScript? Activer un événement sur input.checked = true / false _without_ jQuery Array.map ne semble pas fonctionner sur des tableaux non initialisés Recherche de texte intégral en HTML ignorant les tags / & Passez vars à JavaScript via l'attribut SRC Comment puis-je redimensionner une carte Google avec JavaScript après qu'elle a été chargée? Passer une variable locale avec le nom d'une variable globale n'est pas possible dans JS? Comment lire un fichier texte sur mon disque local dans une variable en javascript Chargez des textures depuis Base64 dans Three.js Android (Samsung S4) pause vidéo HTML5

Comment ajouter des valeurs d'options sur Bootstrap-Select de Silviomoreto

J'ai utilisé le bootstrap-select de Silviomoreto mais j'ai des problèmes. J'ai 2 Dropdowns (Select) une liste déroulante Région et Cities. Maintenant, j'ai une fonction jquery onchange, la fonction modifie les valeurs dans le menu déroulant des villes en fonction de la région sélectionnée. Voici mon code: 

<select id="region" class="selectpicker"></select> <select id="cities" class="selectpicker"></select> $("#region").on('change', function () { $("#cities").html('<option>city1</option><option>city2</option>'); });

Le problème est-il que je pense que la compatibilité? Lorsque j'ai supprimé la classe = "selectpicker", cela fonctionne bien, mais je ne peux pas l'enlever car je l'ai utilisé pour ma liste déroulante ui. J'ai vérifié la documentation ici http://silviomoreto.github.io/bootstrap-select/ mais je ne trouve pas de réponse pertinente à ma question. Merci!

Essayez selectpicker('refresh') .

rafraîchir()

Pour mettre à jour par programme une sélection avec JavaScript, manipulez d'abord la sélection, puis utilisez la méthode de rafraîchissement pour mettre à jour l'interface utilisateur pour qu'elle corresponde au nouvel état. Ceci est nécessaire lors de la suppression ou de l'ajout d'options , ou lors de la désactivation / activation d'un choix via JavaScript .

Fragment 

 $("#cities") .html('<option>city1</option><option>city2</option>') .selectpicker('refresh');

Démonstration de travail: http://jsfiddle.net/codeandcloud/nr54vx7b/