Показать сообщение отдельно
  #2 (permalink)  
Старый 11.10.2019, 14:00
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

andrey8501,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script>
   addEventListener('click', ({target}) => {
   if(target.closest('.button')) {
      const parent = target.closest('.item'),
            div = parent.querySelector('.pr-name'),
            text = div.textContent;
            //document.querySelector('#modal [type="hidden"]').value = text;
         document.querySelector('#modal [name="article"]').value = text;
   }

   })
  </script>
</head>

<body>
<div class="item">
  <div class="pr-name">товар 1</div>
  <div class="pr-img"><? echo = $img; ?></div>
  <div class="pr-price"><? echo = $price; ?></div>
  <button class="button" type="button" >Купить в 1 клик</button>
</div>
<div class="item">
  <div class="pr-name">товар 2</div>
  <div class="pr-img"><? echo = $img; ?></div>
  <div class="pr-price"><? echo = $price; ?></div>
  <button class="button" type="button" >Купить в 1 клик</button>
</div>

<div class="item">
  <div class="pr-name">товар 3</div>
  <div class="pr-img"><? echo = $img; ?></div>
  <div class="pr-price"><? echo = $price; ?></div>
  <button class="button" type="button" >Купить в 1 клик</button>
</div>


<div id="modal">
  <form>
    <input type="text" name="article"/>
    <input type="text" name="Имя"/>
    <input type="text" name="Телефон"/>
  </form>
</div>

</body>
</html>
Ответить с цитированием