Показать сообщение отдельно
  #4 (permalink)  
Старый 26.08.2017, 11:13
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Ramzes94,
<!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>
$(function() {
    var forms = $(".sticker form");
    $(".sticker .n").each(function(indx, img) {
        var form = forms.eq(indx);
        var src = img.src;
        form.on("input change", function() {
            img.src = src + "?" + $(form).serialize()
        })
    })
});
  </script>
</head>

<body>

<div class="sticker">
  <div class="one">
    <!-- Форма 1 -->
    <img class="n" src="img/">
    <form action="#">
      <input type="text" name="one">
    </form>
    <!-- Форма 2 -->
    <img class="n" src="img/">
    <form action="#">
      <input type="text" name="two">
    </form>
  </div>
</div>

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