La fixation d'un Bootstrap 3 modal titre dynamiquement

J'ai la même boîte de dialogue modale pour les trois différents boutons.

Cependant, en fonction du bouton est cliqué, j'ai besoin de définir dynamiquement la titre de la boîte de dialogue modale.

Je pensais que ce serait simple de définir le titre dans la fonction javascript à l'aide de jQuery. Cependant, lors du débogage, je peux voir le titre est fixé en conséquence dans le code, mais après la modale est affichée, le modal titre est vide.

Comment puis-je afficher correctement le modal titre en conséquence?

Voici la partie pertinente de l'HTML:

<div class="modal fade" id="btnJournalVoucherEditGrid" tabindex="-1" role="dialog" aria-labelledby="btnJournalVoucherEditGrid-label" aria-hidden="true">


<div class="modal-dialog modal-lg">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                                            <h4 class="modal-title" id="btnJournalVoucherEditGrid-label"></h4>

Voici le JS

function onEditJournalVoucher(gdId, rwID)
{
  $('#btnJournalVoucherEditGrid-label').val("Edit Journal Voucher")

OriginalL'auteur sagesky36 | 2014-12-15

14

Bien, vous essayez d'utiliser .val() sur une balise H4. Ne devrait-elle pas être:
```
$('#btnJournalVoucherEditGrid-label').text("Edit Journal Voucher");
```
ou
```
$('#btnJournalVoucherEditGrid-label').html("Edit Journal Voucher");
```
.val() est le bon état d'esprit, mais ce qu'il fait en JQuery est pourquoi il ne fonctionne pas dans cette situation. Prendre un élément qui a un value="something" attribut, par exemple:
```
<input id="example" type="text" name="something" value="something"/>
```
Le ciblage de cette id à l'aide de $("#example") et de l'appel de .val() pouvez accéder ou modifier les value="something" attribut. Maintenant, jetez un oeil à un <label> élément:
```
<label id="example"> This is some text </label>
```
Constater l'absence d'un value="something" attribut? Dans ce cas, puisque "Ceci est du texte" est tout simplement de texte, à l'aide de:
```
$("#example").text("Updated Text");
```
est la bonne façon d'aller à ce sujet. Espoir qui aide à clarifier les choses!

OriginalL'auteur Tim Lewis
6

.val() est utilisé pour les éléments de formulaire (comme les entrées, les cases à cocher, etc.)

Pour les divs/d'autres éléments (par exemple, h4 dans votre situation) utiliser .text() ou .html() selon la situation que vous voulez faire.
Dans ce cas, puisque c'est juste le changement de texte sur votre ligne:
```
$('#btnJournalVoucherEditGrid-label').text("Edit Journal Voucher");
```
Merci à tous ceux qui ont répondu... Que juste complètement glissé mon esprit. Je vous ai donné toutes un point pour elle.

OriginalL'auteur Confuseh

Il devrait être

function onEditJournalVoucher(gdId, rwID)
{
    $('#btnJournalVoucherEditGrid-label').html("Edit Journal Voucher")

OriginalL'auteur Stephen Reindl

2

Essayer texte() fonction au lieu de val():
```
$('#btnJournalVoucherEditGrid-label').text("Edit Journal Voucher")
```
OriginalL'auteur Shynggys Kengessov

Je mettrais le titre du bouton:

<button id="edit-journal-voucher" data-title="Edit Journal Voucher" data-toggle="modal" data-target="#btnJournalVoucherEditGrid">Edit this Journal</button>

Puis dans le JS faire quelque chose comme:

$("#edit-journal-voucher").on("click", funtion(e){
  e.preventDefault();
  var title = $(this).data('title');
  $("h4#btnJournalVoucherEditGrid-label").html(title);
});

OriginalL'auteur ggeiger

Vous devez vous connecter pour publier un commentaire.