Как добавить заголовок для кнопки в JavaScript

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.

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; ?>';

Вот и все.