Question

我正在尝试使用此脚本动态更改文本值。

我一直在尝试使用一堆snipets，但他们没有给我预期的结果。

document.theTimer.pause.value = "Close";
dialogBox.dialog({ modal: true, height: "75px" }, function(){ dialogbutton.val("Close")});

HTML

<div id="dialog-overlay">




        <div id="dialog-box"  >
            <div class="dialog-content" style=" overflow:hidden !important">
                <div id="dialog-message" style="color:#426bb3">
                </div>
                <a href="#" class="button" style="color:white" onclick="javascript: $('#dialog-box').dialog('close')">Annulla</a>
            </div>
            </div>


            </div>


 $(document).on("click", "a.fileDownloadCustomRichExperience", function () {

        var dialogBox = $("#dialog-box");
        var dialogbutton = $("#button");
        dialogBox.dialog({ modal: true, height: "75px" });
        $(".ui-dialog-titlebar").remove();
        $('#dialog-message').html("Preparando per il Download......");

        var req = $.fileDownload($(this).prop('href'), {
            successCallback: function (url) {

                dialogBox.dialog('close');

            },
            failCallback: function (responseHtml, url) {
                dialogBox.dialog('close');
                dialogBox.dialog({ modal: true, height: "75px" });
                dialogbutton.val("Chiudi");
                $(".ui-dialog-titlebar").remove();
                $('#dialog-message').html("<font color=\"red\"><b>Error Downloading file!</b></font>");

            }
        });

Answer 1

因为它是<a>标记。

<a href="#" class="button">Annulla</a>

此外，它是class，因此请在此处更改：

var dialogbutton = $(".button");

所以请试试这个：

dialogbutton.text("Chiudi");
dialogbutton.html("Chiudi");

而不是：

dialogbutton.val("Chiudi");

Answer 2

您正在尝试使用id获取按钮实例，但它是class，因此请更改

var dialogbutton = $("#button");

到

var dialogbutton = $(".button");

并使用.html()更改标签而不是.val()，因为这是a标记，而不是button，因此请更改

dialogbutton.val("Chiudi");

到

dialogbutton.html("Chiudi");

使用jquery动态更改按钮文本值

2 个答案: