JS Как передавать значение из кнопки в input type=text

Question

Как передать значение из кнопки button в input type=text, но с помощью своего data атрибута, а не через value До пустим есть мой data-myvalue=a при нажатие на кнопку button - значение переходит в inputy type=text

Мой пример передает значение из value а не из другого атрибута

$('button.but').on('click', function() {
    $('#my_field3').val( $(this).val() );
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="but" value="a">A</button>
<button class="but" value="b">B</button>
<button class="but" value="c">C</button>

<input type="text" id="my_field3" value="">

Answer 1

jQuery API Documentation .data()

$('button.but').on('click', function() {
  $('#my_field3').val($(this).data('value'));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="but" data-value="a">A</button>
<button class="but" data-value="b">B</button>
<button class="but" data-value="c">C</button>

<input type="text" id="my_field3" value="">

БЛОГ НА HUSL

JS Как передавать значение из кнопки в input type=text

Ответы (1 шт):