Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   взять значение из input и вставит в div (в цикле) (https://javascript.ru/forum/jquery/52299-vzyat-znachenie-iz-input-i-vstavit-v-div-v-cikle.html)

ufaclub 12.12.2014 15:15

взять значение из input и вставит в div (в цикле)
 
<div id="pizzabloc">
<form name='addtocart225' action='index.php' method='post'>
<div class='atczone'>
<input type='submit' name='submit' value='Добавить в корзину' class='scp_atc' /></div>
<input type='hidden' name='edtunitprice' value='379' />
<input type='hidden' name='lasturl' value='index.php' />
</form>
<div id="bbprice">*** Р <span>x</span></div>
</div>


<div id="pizzabloc">
<form name='addtocart226' action='index.php' method='post'>
<div class='atczone'>
<input type='submit' name='submit' value='Добавить в корзину' class='scp_atc' /></div>
<input type='hidden' name='edtunitprice' value='400' />
<input type='hidden' name='lasturl' value='index.php' />
</form>
<div id="bbprice">*** Р <span>x</span></div>
</div>

*****



нужно чтобы значение из каждого input name='edtunitprice' бралось значение и подставлялось в <div id="bbprice">*** Р <span>x</span></div>

тоесть на выходе чтобы было <div id="bbprice">400 Р <span>x</span></div>

нужно чтобы присвоение работало в цикле т.е внутри каждого <div id="pizzabloc"> выставлялась нужная цена в <div id="bbprice">*** Р <span>x</span></div>

krutoy 12.12.2014 17:25

<!DOCTYPE html>
<html>
  <head>
<meta charset="windows-1251" />
  </head>

  <body>
<div id="pizzabloc">
<form name='addtocart225' action='index.php' method='post'>
<div class='atczone'>
<input type='submit' name='submit' value='Добавить в корзину' class='scp_atc' /></div>
<input type='hidden' name='edtunitprice' value='379' />
<input type='hidden' name='lasturl' value='index.php' />
</form>
<div id="bbprice">*** Р <span>x</span></div>
</div>
 
 
<div id="pizzabloc">
<form name='addtocart226' action='index.php' method='post'>
<div class='atczone'>
<input type='submit' name='submit' value='Добавить в корзину' class='scp_atc' /></div>
<input type='hidden' name='edtunitprice' value='400' />
<input type='hidden' name='lasturl' value='index.php' />
</form>
<div id="bbprice">*** Р <span>x</span></div>
</div>

<script>


pizzablocs=document.querySelectorAll("#pizzabloc")
f=function(el){
   var value=el.querySelector("input[name='edtunitprice']").value
   var div=el.querySelector("#bbprice")
       div.innerHTML=div.innerHTML.replace(/\*\*\*/, value)
}
;[].forEach.call(pizzablocs, f)

</script>
  </body>

</html>

рони 13.12.2014 13:33

ufaclub,
<!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").each(function(indx, element){
           this.nextElementSibling.childNodes[0].data=this.edtunitprice.value+" Р "
           });
});
  </script>
</head>

<body> <div id="pizzabloc">
<form name='addtocart225' action='index.php' method='post'>
<div class='atczone'>
<input type='submit' name='submit' value='Добавить в корзину' class='scp_atc' /></div>
<input type='hidden' name='edtunitprice' value='379' />
<input type='hidden' name='lasturl' value='index.php' />
</form>
<div id="bbprice">*** Р <span>x</span></div>
</div>


<div id="pizzabloc">
<form name='addtocart226' action='index.php' method='post'>
<div class='atczone'>
<input type='submit' name='submit' value='Добавить в корзину' class='scp_atc' /></div>
<input type='hidden' name='edtunitprice' value='400' />
<input type='hidden' name='lasturl' value='index.php' />
</form>
<div id="bbprice">*** Р <span>x</span></div>
</div>


</body>

</html>


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