Форум

vik1249 · #1 (**permalink**) 18.01.2015, 22:32

Добрый вечер, подскажите новичку
есть код

<form class="variants">
    <div class="aks">
        <input name="variant" value="1" type="hidden"/>
        <input type="submit" value="Нажать"/>
    </div>
    <div class="aks">
        <input name="variant" value="2" type="hidden"/>
        <input type="submit" value="Нажать"/>
    </div>
</form>

$('form.variants').live('submit', function(e) {
e.preventDefault();
alert($(this).find('input[name=variant]').val()); //так всегда первый 
alert('значене value');
});

Собственно не пойму как узнать value в блоке <div class="aks">
если нажат submit первый то значение value=1
если нажат submit второй то значение value=2

рони · #2 (**permalink**) 18.01.2015, 23:24

vik1249,
отслеживать клик по кнопке а не событие формы

рони · #3 (**permalink**) 18.01.2015, 23:30

vik1249,
забыть про live

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
</style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
  <script>
  	$(function()
  	  {
  	    $('form.variants').on('click', ':submit', function(event)
  	      {
  	        event.preventDefault();
  	        alert($(this).prev().val());
  	      }
  	    );
  	  }
  	);
  </script>
</head>

<body>
  <form class="variants">
    <div class="aks">
      <input name="variant" value="1" type="hidden"> <input type="submit" value="Нажать">
    </div>

    <div class="aks">
      <input name="variant" value="2" type="hidden"> <input type="submit" value="Нажать">
    </div>
  </form>
</body>
</html>

danik.js · #4 (**permalink**) 19.01.2015, 05:37

Это делается проще простого:

<form class="variants">
  <div class="aks">
    <button name="variant" value="1" type="submit">Нажать</button>
  </div>

  <div class="aks">
    <button name="variant" value="2" type="submit">Нажать</button>
  </div>
</form>

Вот так на сервер будет уходить только value нажатой кнопки. Не оно?

Форум

Справочник

Discord чат

Курсы javascript