Как изменить значение конкретного data-param через JS?

Question

[Elena Fire]

Есть код кнопки в Битриксе:

<span class="btn-lg to-order btn btn-default animate-load has-ripple" data-event="jqm" data-param-form_id="TOORDER" data-name="toorder" ...><i class="svg inline  svg-inline-fw ncolor colored" aria-hidden="true" title="Под заказ"><svg ...><path data-name="Rounded ..."></path></svg></i><span>Под заказ</span></span>

Этой формы вообще не существует. И нужно изменить это значение: data-param-form_id="19" и data-name="feedback".
Удалить этот компонент со страницы не получится, напрямую прописать в html тоже не выйдет.
Где-то читала, что это можно сделать через JS, но я в нем полный нуб и из сотен статей в мозгу формула не укладывается.
Можете подсказать, что надо написать в скрипте, что изменить этот конкретный атрибут?

Answer 1

[PetrPo]

Вариант без jQuery

BX.ready(function() {
	var toorderButton = document.querySelector('[data-param-form_id="TOORDER"]');
	if(toorderButton) {
		toorderButton.setAttribute('data-param-form_id', '19');
		toorderButton.setAttribute('data-name', 'feedback');
	}
});

P.S.
работать будет правильно, если на странице 1 такая кнопка

UPD
Если кнопок несколько и надо у всех поменять, то немного по-другому будет, если надо напишу код

Comments

[Elena Fire]

Похоже на решение)) А куда это поставить? В шаблоне?

[PetrPo]

Elena Fire, ну раз ты говоришь что шаблон править нельзя, то в каком-нибудь js файле, наверняка есть какой-то общий файл, в нем в самый конец.
А если всё-таки шаблон можно править, то лучше прямо в шаблоне поправить без всякого js

[Elena Fire]

Кнопка с таким data-param одна, так что думаю можно поставить так. Шаблон менять могу, а компилируемый Битриксом html не могу.

[PetrPo]

компилируемый Битриксом html не могу.

Битрикс ничего не компилирует)
Мы сейчас про какой шаблон говорим - шаблон сайта или шаблон компонента?

[Elena Fire]

PetrPo, шаблон компонента - карточка товара, если быть более точным

[PetrPo]

Elena Fire, ну так а почему нельзя изменить файл template.php? Найти там эту кнопку и изменить

[Elena Fire]

PetrPo, потому что там нет этой кнопки, она загадочным образом собирается самостоятельно. Из html там только внешний контейнер. Если бы там было так прямо и написано btn etc, замена не была бы сложностью)

[PetrPo]

Elena Fire, а внутри контейнера что написано?

[Elena Fire]

PetrPo, внутри куча php-кода для отправки товара в корзину. Но сколь бы Битриксу не биться, а вам спасибо - помогло))) работоспособность формам возвращена))) +100 в карму)))

Answer 2

[Алексей Демченков]

Импортируйте JQuery, и затем присвойте span'у класс 'order', и напишите код:

$('.order').data('param-form_id',  'новое значение'); 
$('.order').data('name',  'новое значение');

Если я Вас правильно понял.

Comments

[Elena Fire]

Спасибо за ответ! Проблема в том, что Битрикс сам пишет эту разметку, я в нее не могу ничего добавить. Поэтому мне бы хотелось что-то вроде: "если data-param-form_id="tooder", то придать новое значение "19"