Javascript-форум - При клике передать значение из div в value input

Javascript-форум (https://javascript.ru/forum/)

- jQuery (https://javascript.ru/forum/jquery/)

- - При клике передать значение из div в value input (https://javascript.ru/forum/jquery/78515-pri-klike-peredat-znachenie-iz-div-v-value-input.html)

При клике передать значение из div в value input

jQuery('.preorder-snails.muller').click(function(){
jQuery('input[name="data_num"]').val(jQuery(this).find(".product_number_active").text());
  });

При клике на div c классом .preorder-snails.muller в input value передаю значение дочернего блока с классом .product_number_active. Все работает, но мне нужно чтоб при повторном клике на другом элементе с таким же классом, у которого значение .product_number_active другое - выводилось через запятую рядом с первым значением в value. И еще хотелось бы узнать как сделать чтоб значения суммировались при каждом клике и сумма передавалась с value для input

Julia1991,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
jQuery(function() {
jQuery('.preorder-snails.muller').click(function(){
var text = jQuery(this).find(".product_number_active").text();
var val = jQuery('input[name="data_num"]').val((i,v) => v.trim()=="" ? text : [v,text]).val();
jQuery('p').text((i,txt) => txt.trim() =="" ? text : +txt + +text)

  });
});
  </script>
</head>

<body>
<p></p>
<input type="text" name="data_num">
<div class="preorder-snails muller">
    <div class="product_number_active">1</div>
</div>
<div class="preorder-snails muller">
    <div class="product_number_active">2</div>
</div>
<div class="preorder-snails muller">
    <div class="product_number_active">3</div>
</div>
<div class="preorder-snails muller">
    <div class="product_number_active">4</div>
</div>
<div class="preorder-snails muller">
    <div class="product_number_active">5</div>
</div>

</body>
</html>

Большое спасибо за помощь)

Подскажите пожалуйста,при каждом клике на разные div я получаю разные числовые значения, у каждого полученного значения свой div id.
Как я могу просуммировать все эти значения и вывести в отдельный div?
Одновременно к сумме могут прибавляться новые значения при каждом клике.

Julia1991,
не могу помочь, может кто-то другой подскажет.

Пусть хоть пример тестовый сделает...

Ребята, подскажите
в похожей ситуации
как мне передавать параметры с активного itema
напр. нужно при клике передать содержимое активного itema тега h1
в скрытый input я так понимаю

в общем пытаюсь запилить форму, что бы при клике на нужный item,после отправки на почту попадало значение этого активного itema h1

Спасибо

andrey8501,

jQuery(function() {
jQuery('#big').on('click', '.item', function(){
var text = jQuery(this).find("h1").text();
//jQuery('input').val(text);
alert(text);

  });
});

Благодарю
а как его подставить в скрытый input?

<input class="hidden" type="hidden" value=""/>

jQuery(function() {
jQuery('#big').on('click', '.item', function(){
var text = jQuery(this).find("h1").text();
//jQuery('input').val(text);
alert(text); 

  });
});

раскоментировал //jQuery('input').val(text);
и так не срабатывает jQuery('input.hidden').val(text);

извините. нуб в js

Все. разобрался. заработало
Большое Спасибо!