jQuery Girl
  1. jQuery Girl
  3. Comment changer dynamicment le corps modal bootstrap
Intereting Posts
Association de jQuery aux boutons après document.ready Barre de menu du site Web Drop Down type de données jqgrid setGridParam: local Organiser les nombres dans le nom de l’élément input nom à partir de zéro après la suppression d’une entrée Comment afficher les étiquettes de valeur au-dessus des barres de graphique à l’aide de chart.js valider 10 caractères, ne peuvent être que des chiffres, puis redirect vers une adresse Web Onglets Jquery en conflit avec le curseur de révolution Trier les tableaux multidimensionnels selon plusieurs critères Définir une sélection par étiquette via jQuery dans 1.4 Empêcher plusieurs clics pendant que l’animation est en cours (stopPropagation &: animated) Savoir quand tous les autres rappels sont terminés Modification de jquery datatables aoColumns Comment utiliser la même fonction JavaScript sur plusieurs éléments de sélection avec des identifiants différents Comment puis-je basculer dynamicment des éléments dans jQuery? jQuery cacher en cliquant en dehors de div

Comment changer dynamicment le corps modal bootstrap

J’ai donc Bootstrap modal défini comme:

Et je veux éditer le corps vide avec jscript. Je suis un débutant en Javascript, donc j’apprécierai la réponse la plus simple.

Essayez ceci sur: 

 $('.modalShow').click(function(event){ event.preventDefault(); var e = $(this); var title = e.data('title'); var body = e.data('value'); $("#myModal").modal("show"); $('#modal-title').html(title); $('#modal-body').html(body); });

S’il vous plaît jeter un oeil à ce violon.

Voici le code: 

 $(function(){ $('.custom-modal').click(function(e){ e.preventDefault(); var mymodal = $('#myModal'); mymodal.find('.modal-body').text('hello'); mymodal.modal('show'); }); })

la solution la plus simple est – vous pouvez utiliser innerHTML de javascript pour changer le innerHTML HTML de votre corps modal comme ceci – 

 //get your modal body by class and change its html document.getElementByClass("modal-body").innerHTML = "
some text
";