Показать сообщение отдельно
  #3 (permalink)  
Старый 05.03.2015, 20:22
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 32,187

Pro100Ferrari,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">

  a.button-subs{
    background: #FF9933;
    border-radius: 8px ;
    transition:all 1s;
    display: inline-block;

  }
  a.button-subs:hover{
    background: #993300;
  }


  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function(){
       var button = $(".button-subs");
       button.click(function(event) {
       event.preventDefault()
       var form = $(this).parents('.form-wrapper').find('form');
       alert(form.serialize())
      });
});


  </script>
</head>

<body>  <div class="form-wrapper">
  <div class="input-wrapper">
    <form class="subs-form">
      <input type="text" class="field-name" value="111" name="a">
      <input type="email" class="field-email">
    </form>
  </div>
  <a href="..." class="button-subs">click</a>
</div>
  <div class="form-wrapper">
  <div class="input-wrapper">
    <form class="subs-form">
      <input type="text" class="field-name" value="222" name="a">
      <input type="email" class="field-email">
    </form>
  </div>
  <a href="..." class="button-subs">click</a>
</div>

  <div class="form-wrapper">
  <div class="input-wrapper">
    <form class="subs-form">
      <input type="text" class="field-name" value="333" name="a" >
      <input type="email" class="field-email">
    </form>
  </div>
  <a href="..." class="button-subs">click</a>
</div>


</body>

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