Javascript-форум - несколько form.submit()

Javascript-форум (https://javascript.ru/forum/)

- Events/DOM/Window (https://javascript.ru/forum/events/)

- - несколько form.submit() (https://javascript.ru/forum/events/67123-neskolko-form-submit.html)

madam

29.01.2017 14:15

несколько form.submit()

На странице сайта есть несколько form submit() но с разными значениями
но с одинаковыми name,отправляется только первые значения,как их разделить не меняя name

<input type="hidden" name="am" value="12">
<input type="hidden" name="pm" value="43">
<img src="image.png"  onclick="submitMain();">

<input type="hidden" name="am" value="92">
<input type="hidden" name="pm" value="11">
<img src="image.png"  onclick="submitMain();">

<input type="hidden" name="am" value="67">
<input type="hidden" name="pm" value="78">
<img src="image.png"  onclick="submitMain();">

laimas

29.01.2017 14:33

Цитата:

Сообщение от madam

На странице сайта есть несколько form submit() но с разными значениями
но с одинаковыми name

Зачем несколько форм? Какой серверный язык используется сервером?

madam

29.01.2017 14:45

Цитата:

Сообщение от laimas (Сообщение 442624)

Зачем несколько форм? Какой серверный язык используется сервером?

Язык PHP,если точнее 7 разных картинок(форм) с одной я бы сама разобралась,но 7 обязательно

laimas

29.01.2017 14:49

Цитата:

Сообщение от madam

если точнее 7 разных картинок(форм)

Что значит картинок? Форма, это форма, а картинки в журнале Мурзилка.

Определяйте все поля в одной форме именуя их как элементы массива:

<input type="hidden" name="am[]" value="12">
<input type="hidden" name="pm[]" value="43">
<input type="hidden" name="am[]" value="92">
<input type="hidden" name="pm[]" value="11">
и т.д.

и в зависимости от метода передачи формы получите ее данные в массиве $_POST или $_GET как массивы под ключами am и pm.

Vlasenko Fedor

29.01.2017 14:51

Цитата:

Сообщение от madam (Сообщение 442623)

как их разделить не меняя name

<form name="a1" action="">
<input type="hidden" name="am" value="12">
<input type="hidden" name="pm" value="43">
<img src="image.png"  onclick="submitMain();">
</form>
<form name="a2" action="">
<input type="hidden" name="am" value="12">
<input type="hidden" name="pm" value="43">
<img src="image.png"  onclick="submitMain();">
</form>

задайте разные имена самим формам

madam

29.01.2017 15:06

Цитата:

Сообщение от Poznakomlus (Сообщение 442630)

<form name="a1" action="">
<input type="hidden" name="am" value="12">
<input type="hidden" name="pm" value="43">
<img src="image.png"  onclick="submitMain();">
</form>
<form name="a2" action="">
<input type="hidden" name="am" value="12">
<input type="hidden" name="pm" value="43">
<img src="image.png"  onclick="submitMain();">
</form>

задайте разные имена самим формам

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

<input type="hidden" name="am" value="12">
<input type="hidden" name="pm" value="43">

laimas

29.01.2017 15:08

Цитата:

Сообщение от madam

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

Ну так вы чего хотели? А чего надо, отправкой одной формы отравить все? Зачем тогда именно 7 форм?

рони	29.01.2017 15:12

:-? может на submitMain взглянуть?

madam

29.01.2017 15:35

Цитата:

Сообщение от рони (Сообщение 442634)

:-? может на submitMain взглянуть?

function submitMain(){
	var amt=$('#t1').val();
	var prc=$('#t3').val();
	$('#t1').val('0');
	$('#t3').val('0');
	$.post("api.php",{type:'1',am:am,pm:pm}).done(function(data){
		if(data=='error:1'){$('#o1').css('height','100px');$('#o1').css('margin','900px auto');$('#o1').html('Error: Invalid values!<br/><br/><span id="b4" onclick="overlay();">Cancel</span>');overlay();}

и тд

<input type="hidden" id="t1" name="am" value="12">
<input type="hidden" id="t3" name="pm" value="43">
<img src="image.png"  onclick="submitMain();">

рони	29.01.2017 15:40

madam,
если не трудно кнопки форматирования перед вами

Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

laimas

29.01.2017 15:44

madam,
выбрасывайте все к чертовой матери, и если ваши картинки (семь форм условно) для того, чтобы отправить серверу два поля перед ней, то вам даже и одной формы не надо, а обрабатывать щелчки изображений, а в обработчике брать элементы по индексу этих изображений.

рони	29.01.2017 15:51

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>

laimas

29.01.2017 16:21

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

<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>

madam

29.01.2017 16:22

Цитата:

Сообщение от рони (Сообщение 442640)

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>

Спасибо огромное

Часовой пояс GMT +3, время: 18:24.