Я хочу динамически изменить значение моей кнопки из формы ввода, заполненной пользователем с помощью jquery

Question

Пользователь заполняет форму (для настройки продукта), и я хочу использовать его вывод для динамического изменения информации о моей кнопке.

Мне удалось получить то, что пользователь заполняет в форме,но мне не удается изменить значение в моей кнопке.

Моя форма:

<form>
    <fieldset>
        <legend>Selecting elements</legend>
        <p>
            <label>Select type : </label>
            <select id="type" name="type">
                <option> X </option>
                <option> Palleitte </option>
            </select>
        </p>
    </fieldset>
</form>

Моя кнопка:

<button name="julien" class="snipcart-add-item" id="my-button"
        data-item-id="{{ product.identifier }}"
        data-item-name="{{ product.name }}"
        data-item-price="20.00"
        data-item-custom2-name="Type"
        data-item-custom2-options="Cachet|Palleitte"
        data-item-custom2-value=""
        data-item-custom3-name="Quantité"
        data-item-custom3-options="100g|200g|500g|1kg|100kg"
        data-item-custom3-value="500g">
    ADD TO THE CART 
</button>

Мой код jQuery:

$('#weight').change(function() {
    $('#my-button').data('item-custom3-value', $(this).val());
    console.log($('#my-button').data('item-custom3-value', $(this).val()));
    console.log($(this).val());
});

Я ожидаю изменить значение моей кнопки: data-item-custom2-value="" на значение, которое пользователь заполнил в форме,заранее спасибо!

Answer 1

Строка кода, которую нужно изменить, чтобы она заработала:

    console.log($('#my-button').attr('data-item-custom3-value', $(this).val()));

Более общий ответ:

    console.log($('#id-you-target').attr('element-you-want-to-target', $(this).val()));

Надеюсь, это поможет вам!