Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 29.01.2017, 14:44
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

madam,
выбрасывайте все к чертовой матери, и если ваши картинки (семь форм условно) для того, чтобы отправить серверу два поля перед ней, то вам даже и одной формы не надо, а обрабатывать щелчки изображений, а в обработчике брать элементы по индексу этих изображений.
Ответить с цитированием
  #12 (permalink)  
Старый 29.01.2017, 14:51
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 30,408

madam,
<!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() {
$("form").each(function(indx, form){
      $("img",form).on("click", function() {
 var amt=$('#t1',form).val();
 var prc=$('#t3', form).val();
 $('#t1',form).val('0');
 $('#t3',form).val('0');

 alert([amt,prc]) //для теста
 // далее сами
})

      });
});
  </script>
</head>

<body>
<form>
<input type="hidden" id="t1" name="am" value="100">
 <input type="hidden" id="t3" name="pm" value="200">
<img src="http://s7.hostingkartinok.com/uploads/images/2014/02/b33ecdff35171950f356df80a6a7c3dd.png" >
</form>
<form>
<input type="hidden" id="t1" name="am" value="12">
 <input type="hidden" id="t3" name="pm" value="43">
<img src="http://s7.hostingkartinok.com/uploads/images/2014/02/b33ecdff35171950f356df80a6a7c3dd.png" >
</form>


</body>
</html>
Ответить с цитированием
  #13 (permalink)  
Старый 29.01.2017, 15:21
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

рони,
зачем плодить кучи форм, если они не отправляются естественным образом?

<html>
<head>
  <meta charset="utf-8">
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>

 <script>
$(function() {
    var inp = $('form').on('click', 'img', function() {
        var e = inp.slice(this.id * 2, this.id * 2 + 2);
        alert(e.eq(0).val() +'/'+ e.eq(1).val())
        //$.post("api.php",{type:'1',am:e.eq(0).val(),pm:e.eq(1).val()}, ...)
    }).find('input');
});
</script>
</head>
<body>
<form>
<input type="hidden" name="am" value="12">
<input type="hidden" name="pm" value="43">
<img src="" id="0" width="50" height="20"/>
<input type="hidden" name="am" value="92">
<input type="hidden" name="pm" value="11">
<img src="" id="1" width="50" height="20"/>
<input type="hidden" name="am" value="67">
<input type="hidden" name="pm" value="78">
<img src="" id="2" width="50" height="20"/>
</form>
</body>
</html>
Ответить с цитированием
  #14 (permalink)  
Старый 29.01.2017, 15:22
Интересующийся
Отправить личное сообщение для madam Посмотреть профиль Найти все сообщения от madam
 
Регистрация: 03.04.2015
Сообщений: 15

Сообщение от рони Посмотреть сообщение
madam,
<!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() {
$("form").each(function(indx, form){
      $("img",form).on("click", function() {
 var amt=$('#t1',form).val();
 var prc=$('#t3', form).val();
 $('#t1',form).val('0');
 $('#t3',form).val('0');

 alert([amt,prc]) //для теста
 // далее сами
})

      });
});
  </script>
</head>

<body>
<form>
<input type="hidden" id="t1" name="am" value="100">
 <input type="hidden" id="t3" name="pm" value="200">
<img src="http://s7.hostingkartinok.com/uploads/images/2014/02/b33ecdff35171950f356df80a6a7c3dd.png" >
</form>
<form>
<input type="hidden" id="t1" name="am" value="12">
 <input type="hidden" id="t3" name="pm" value="43">
<img src="http://s7.hostingkartinok.com/uploads/images/2014/02/b33ecdff35171950f356df80a6a7c3dd.png" >
</form>


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



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
При повторении несколько раз animate - рассинхрон... Petja jQuery 4 21.05.2013 11:58
AJAX несколько элементов на странице... myocean jQuery 3 11.11.2012 22:00
не корректное поведение form.submit(); chertjaga Общие вопросы Javascript 3 26.04.2011 11:14
Несколько созданных элементов располагаются в одной строке. Как этого избежать? Hold Events/DOM/Window 1 21.01.2011 22:52
Несколько одинаковых таблиц. Обращение к отдельным элементам в них. zaytsewa Элементы интерфейса 7 11.11.2010 08:08