Как изменить текст на кнопке после нажатия?

Question

[Максим]

В интернет-магазине на Opencart не совсем явно товар добавляется в корзину. Для того, чтобы пользователь лучше понимал, что товар добавлен в корзину, хотим сделать, чтобы после клика по кнопке "Купить", текст менялся на "В корзине".

Я так понимаю, что это можно сделать с помощью js.

Для этого я кнопке в span дал id="buy-button"

<div class="cart">
						<button onclick="cart.addcart('<?php echo $product['product_id']; ?>');" class="btn btn-shopping-cart" value="<?php echo $button_cart; ?>"> 
							<i class="fa fa-shopping-cart"></i>
							<span id="buy-button"><?php echo $button_cart; ?></span>
						</button>		
					</div>

Нашел файлик, который отвечает за изменения dom после клика на кнопку "Купить". Закомментировал строку, которая каждый раз поднимала сайт в топ после добавления товара в корзину. И теперь стал вопрос, как изменить текст кнопки на "В корзине".

if (json['success']) {
          $('#notification').html('<div class="alert alert-success">' + json['success'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');

          $('#cart-total').html(json['total']);

          //$('html, body').animate({ scrollTop: 0 }, 'slow');

          $('#cart > ul').load('index.php?route=common/cart/info ul li');
        }
      }

Answer 1

[romy4]

$("#buy-button").text("TEXT");

Comments

[Максим]

Работает только не для того товара. Как еще подцепить id товара, который находится на этой кнопке?

<button onclick="cart.addcart('214');" class="btn btn-shopping-cart" value="Купить"> 
							<i class="fa fa-shopping-cart"></i>
							<span id="buy-button">Купить</span>
						</button>

Меняется он в php <?php echo $product['product_id']; ?>

[romy4]

Максим: функция add_cart получает id товара, просто добавьте его к тексту

[Максим]

romy4: к какому тексту?

Answer 2

[Pika_hh]

проще

Заменить

<button onclick="cart.addcart('<?php echo $product['product_id']; ?>');" class="btn btn-shopping-cart" value="<?php echo $button_cart; ?>">

На

<button onclick="cart.addcart('<?php echo $product['product_id']; ?>'); this.value = 'В корзине';" class="btn btn-shopping-cart" value="<?php echo $button_cart; ?>">

По-хорошему надо еще прописать все так, чтобы после обновления надпись оставалась новой. Но до этого еще не добрался)