Question

我的基本代码：

<button class="puple margin-right" type="button" onclick="setPasswordForm()" title="<?php echo $this->__('Change Password') ?>" class="button"><span id="change_password_text"><?php echo $this->__('Change Password') ?></span></button>
<script type="text/javascript">
//<![CDATA[
    var dataForm = new VarienForm('form-validate', true);
    function setPasswordForm(){
        var arg = $('change_password').value;   

        if(arg == 0){
            $('current_password').up(3).show();
            $('current_password').addClassName('required-entry');
            $('password').addClassName('required-entry');
            $('confirmation').addClassName('required-entry');
            $('change_password').setValue('1');
            $('change_password_text').update('<?php echo $this->__('Cancel Change Password') ?>');            
        }else{
            $('current_password').up(3).hide();
            $('current_password').removeClassName('required-entry');
            $('password').removeClassName('required-entry');
            $('confirmation').removeClassName('required-entry');
            $('change_password').setValue('0');
            $('change_password_text').update('<?php echo $this->__('Change Password') ?>');
        }
    }
    <?php if($this->getCustomer()->getChangePassword()): ?>
        setPasswordForm();
    <?php endif; ?>

我有一个“更改密码”按钮，当显示“更改密码”表格时，它将更改为“取消更改密码”。如何为“取消更改密码”按钮添加标题？任何答案???

Answer 1

您只需要更改这些行

$('change_password_text').update('<?php echo $this->__('Cancel Change Password') ?>');

到

$('#change_password_text').text('Cancel Change Password');

同样适用于else声明。

注意：您缺少#来定位change_password_text ID。

Answer 2

首先在程序逻辑中分配变量$ button_title。

<button><?php echo $button_title; ?></button>

如果您寻求客户端（基于JavaScript）解决方案，请点击此处：

<button id="submit_btn"></button>

JavaScript中的

：

$('submit_btn').innerHTML = your_button_title_variable_set_in_javascript;

更新：关于将PHP变量分配给JavaScript变量：

JavaScript中的

：

var your_button_title_variable_set_in_javascript = '<?php echo $button_title; ?>';

就是这样。

如何在javascript中为按钮添加标题

2 个答案: