Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.09.2019, 16:41
Профессор
Отправить личное сообщение для Julia1991 Посмотреть профиль Найти все сообщения от Julia1991
 
Регистрация: 13.08.2017
Сообщений: 167

При клике передать значение из 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
Ответить с цитированием
  #2 (permalink)  
Старый 24.09.2019, 17:46
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

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>
Ответить с цитированием
  #3 (permalink)  
Старый 24.09.2019, 17:52
Профессор
Отправить личное сообщение для Julia1991 Посмотреть профиль Найти все сообщения от Julia1991
 
Регистрация: 13.08.2017
Сообщений: 167

Большое спасибо за помощь)
Ответить с цитированием
  #4 (permalink)  
Старый 25.09.2019, 15:26
Профессор
Отправить личное сообщение для Julia1991 Посмотреть профиль Найти все сообщения от Julia1991
 
Регистрация: 13.08.2017
Сообщений: 167

Подскажите пожалуйста,при каждом клике на разные div я получаю разные числовые значения, у каждого полученного значения свой div id.
Как я могу просуммировать все эти значения и вывести в отдельный div?
Одновременно к сумме могут прибавляться новые значения при каждом клике.
Ответить с цитированием
  #5 (permalink)  
Старый 25.09.2019, 15:38
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Julia1991,
не могу помочь, может кто-то другой подскажет.
Ответить с цитированием
  #6 (permalink)  
Старый 26.09.2019, 07:44
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Пусть хоть пример тестовый сделает...
Ответить с цитированием
  #7 (permalink)  
Старый 08.10.2019, 14:00
Интересующийся
Отправить личное сообщение для andrey8501 Посмотреть профиль Найти все сообщения от andrey8501
 
Регистрация: 08.10.2019
Сообщений: 17

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

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

Спасибо
Ответить с цитированием
  #8 (permalink)  
Старый 08.10.2019, 15:00
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

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

  });
});
Ответить с цитированием
  #9 (permalink)  
Старый 08.10.2019, 15:35
Интересующийся
Отправить личное сообщение для andrey8501 Посмотреть профиль Найти все сообщения от andrey8501
 
Регистрация: 08.10.2019
Сообщений: 17

Благодарю
а как его подставить в скрытый 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
Ответить с цитированием
  #10 (permalink)  
Старый 08.10.2019, 15:39
Интересующийся
Отправить личное сообщение для andrey8501 Посмотреть профиль Найти все сообщения от andrey8501
 
Регистрация: 08.10.2019
Сообщений: 17

Все. разобрался. заработало
Большое Спасибо!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
При клике передать заголовок в инпут alex-tiesto Общие вопросы Javascript 2 18.03.2019 09:34
При клике ссылки, открыть DIV блок, и при клике ещё раз, закрыть его Simon Общие вопросы Javascript 59 28.05.2017 17:31
Добавлять class в div при вводе текста в input skwz Общие вопросы Javascript 9 06.01.2017 00:10
всплывающий блок при клике на input ChikiBOBONI (X)HTML/CSS 1 31.10.2016 11:40
Вывод по несколько div при клике. Lutidza Общие вопросы Javascript 1 16.05.2014 16:27