взять значение из 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> |
<!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> |
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, время: 13:19. |