javascript - 动态设置 Bootstrap 3 模态标题

Question

我为三个不同的按钮设置了相同的模式对话框。

但是，根据单击哪个按钮，我需要动态设置模式对话框的标题。

我认为使用 jQuery 在适当的 javascript 函数中设置标题会很简单。但是，在调试时，我可以看到标题在代码中相应设置，但是模态显示后，模态标题是空白 .

如何相应地正确显示模态标题？

这是 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>

这是JS

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

Answer 1

那么，您正在尝试使用 .val()在 H4 标签上。不应该是:

$('#btnJournalVoucherEditGrid-label').text("Edit Journal Voucher");

或

$('#btnJournalVoucherEditGrid-label').html("Edit Journal Voucher");

.val()是正确的心态，但它在 JQuery 中的作用是它在这种情况下不起作用的原因。取一个具有 value="something" 的元素属性，例如:

<input id="example" type="text" name="something" value="something"/>

使用 $("#example") 定位此 ID并调用 .val()可以访问或更改 value="something"属性。现在看看 <label>元素:

<label id="example"> This is some text </label>

注意缺少 value="something"属性？在这种情况下，由于“This is some text”只是纯文本，因此使用:

$("#example").text("Updated Text");

是解决此问题的正确方法。希望这有助于解决问题!