如果页面上有输入值,则更改按钮中的文本

时间:2019-02-17 09:41:21

标签: jquery

我想执行以下操作,尽管我希望在值注销时输入的内容是按钮标签顶部的“登录”一词是否更改。我不得不说我不是一名jQuery专业人士。

<ul class="nav navbar-nav flex-row justify-content-between ml-auto">
        <li class="dropdown">
            <button type="button" id="DropdownMenu" data-toggle="dropdown" class="btn btn-secondary dropdown-toggle" aria-expanded="false">Login</button>
                <ul class="dropdown-menu dropdown-menu-right">
                    <li>
                        <form action="/action" method="post">
                            <fieldset>
                            <legend>Logout</legend>
                            <div class="form-group">
                                <input class="btn btn-primary" type="submit" name="submit" value="Logout">
                            </div>
                            </fieldset>
                        </form>
                </ul>
        </li>
</ul>

我在这里找到了这种方法,但是并没有真正理解它。

$ (". Text_div"). Text (function () {
     return $ (this) .text (). replace ("contains", "hello everyone");
});

1 个答案:

答案 0 :(得分:0)

不确定您要问什么。但是,如果您想将DropdownMenu按钮的文本更改为“注销”,则想将input按钮的文本更改为“注销”。

如果是这样,您可以这样做:

var btn_val = $('.nav input[type="submit"]').val();
if( btn_val == 'Logout' )
{
    $('#DropdownMenu').text('Logout');
}

view JSFiddle