Добавить значение из html в переменную php
Есть страница оформления заказа, как вытащить итоговую стоимость из
<div class="total-price" style="text-align:left">Итого: <b><span class="evoShop_total"></span></b></div> и поместить её в переменную для php скрипта?
код формы
<main class="main">
<section>
<div class="container">
<nav class="breadcrumbs"><ul class="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList"><li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><meta itemprop="position" content="1" /><a href="index.html" title="Главная" itemprop="item"><span itemprop="name">Главная</span></a></li></ul></nav>
<div class="h1">Корзина</div>
<div class="cartBlock">
<div class="cartWrap">
<div class="cartWrap__block">
<div class="evoShop_cart">
<div class="evoShop_items"></div>
</div>
</div>
<div class="cartWrap__order">
<div class="white-cart">
<div class="h1">Оформление заказа:</div>
<form method='POST' class="cart__form" id="orderCartForm" action="send.php">
<input type="hidden" name="formid" value="orderForm">
<input type="hidden" name="evoShop_items_json" class="evoShop_items_json" value=''/>
<div class="row">
<div class="col-md-4">
<div class="cart__columnTitle">Личные данные</div>
<div class="form-group">
<label for="name">Ваше имя</label>
<input type="text" class="form-control" name="name" id="name" value="" required>
<div class="form-control-feedback"></div>
</div>
<div class="form-group">
<label for="phone">Ваш телефон</label>
<input type="tel" class="form-control phone-mask" name="phone" id="phone" value="" required>
<div class="form-control-feedback"></div>
</div>
<div class="form-group ">
<label for="dopphone">Дополнительный телефон</label>
<input type="text" class="form-control phone-mask" name="dopphone" id="dopphone" value="">
<div class="form-control-feedback"></div>
</div>
</div>
<div class="col-md-4">
<div class="cart__columnTitle">Доставка</div>
<div class="form-group">
<label for="delivery">Метод доставки</label>
<select class="form-control js-select" name="delivery" id="delivery">
<option value="Курьер">Курьером</option>
<option value="Самовывоз">Самовывоз</option>
</select>
<div class="form-control-feedback"></div>
</div>
<div class="form-group hidden js-if-delivery">
<label for="delivery_city">Город для доставки</label>
<select class="form-control js-select" name="delivery_city" id="delivery_city">
<option value="РБ">Не Минск (укажите в адресе)</option>
<option value="Минск">Минск</option>
</select>
<div class="form-control-feedback"></div>
</div>
<div class="form-group hidden js-if-delivery" id="for_address">
<label for="address">Адрес</label>
<input type="text" class="form-control" name="address" id="address" value="" required>
<div class="form-control-feedback"></div>
</div>
<div class="form-group">
<label for="message">Комментарий к заказу</label>
<textarea class="form-control" name="message" id="message" rows="3"></textarea>
</div>
</div>
<div class="col-md-4">
<div class="cart__columnTitle">Оплата</div>
<div class="form-group">
<label for="payment">Метод оплаты</label>
<select class="form-control js-select" name="payment" id="payment">
<option value="Наличными">Наличными при получении</option>
<option value="Безналичными">Безналичными при получении</option>
<option value="webpay">WebPay</option>
</select>
<div class="form-control-feedback"></div>
</div>
<br>
<div class="evoShop_cart">
<div class="total-price" style="text-align:left">Итого: <b><span class="evoShop_total"></span></b></div>
<div class="total-price js-shipping-row" style="text-align:left">Доставка: <b><span class="evoShop_shipping"></span></b></div>
<!--
<div class="total-price js-discount-row" style="text-align:left">Скидка: <b><span class="evoShop_discount"></span></b></div> -->
<div class="total-price" style="text-align:left">К оплате: <b><span class="evoShop_grandTotal"></span></b></div>
</div>
<button type="submit" class="btn evoShop_submit">Оформить заказ</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
js скрипт
"use strict";var currentWidth=$(window).width();$(window).resize(function(){currentWidth=$(window).width();});var Application={init:function init(){this.events();},events:function events(){this.eventList.pageLoad();this.eventList.formstyler();this.eventList.nav();this.eventList.mask();this.eventList.syncOwls();this.eventList.owls();},eventList:{colorChange:function colorChange(){if($('#target').length){var el=document.querySelector("#target");var wrap=document.querySelector(".wrap");var position=el.offsetTop+250;document.addEventListener("scroll",function(){var scroll=window.pageYOffset;if(scroll>position){wrap.classList.add("color");}else{wrap.classList.remove("color");}});}},blockSwing:function blockSwing(){},photosSwiper:function photosSwiper(){$('.slider').slider({initialPosition:.5,showInstruction:true,instructionText:""});$('.slider').mousemove(function(){var width=$(this).find('.left.image').width(),maxWidth=$(this).find('.left.image img').width();if(width<maxWidth/2){$(this).find('.left__text').addClass('is-hidden');$(this).find('.right__text').removeClass('is-hidden');}else{$(this).find('.left__text').removeClass('is-hidden');$(this).find('.right__text').addClass('is-hidden');}});$('.js-previews > li').on('click',function(){var index=$(this).index();$('.js-previews > li').each(function(){$(this).removeClass('is-active');if($(this).index()==index){$(this).addClass('is-active');}});$('.js-sliders > div').each(function(){$(this).removeClass('is-active');if($(this).index()==index){$(this).addClass('is-active');}});});},pageLoad:function pageLoad(){$(document).ready(function(){$('body').addClass('is-visible');});},search:function search(){$('.js-search .search__input').on('focus',function(){$('.js-search-list').slideDown();});$('.js-mobile-search a').on('click',function(){$('.js-search-list-mobile').slideDown();});},formstyler:function formstyler(){$('.js-select').styler({selectSmartPositioning:false});},calendar:function calendar(){var orderDatepicker=$('.js-datepicker').datepicker({autoClose:true,toggleSelected:false,position:'top left',minDate:new Date()}).data('datepicker');},grid:function grid(){},masonry:function masonry(){$(window).load(function(){$('.js-masonry').masonry({columnWidth:'.grid-sizer',itemSelector:'.grid-item',percentPosition:true});});},popups:function popups(){$('.js-open-popup').on('click',function(){$('.js-popup').css('display','block');});$('.js-close-popup').on('click',function(){$('.js-popup').css('display','none');});$(document).on('click',function(e){var icon=$('.js-open-popup');var element=$('.js-popup > form');if(!icon.is(e.target)&&icon.has(e.target).length===0&&!element.is(e.target)&&element.has(e.target).length===0){$('.js-popup').css('display','none');}});$(document).keyup(function(e){if(e.key==="Escape"){$('.js-popup').css('display','none');}});},cartScripts:function cartScripts(){$('.js-open-registration-block').on('click',function(){$('.js-registration-block').slideDown();});var totalSumm;function checkInputs(){$('input[name="delivery-way"]').each(function(){if($(this).is(':checked')){$(this).closest('.delivery-block__item').find('.field-wrapper').css('display','block');$(this).closest('.delivery-block__item').find('.undertext').css('display','block');}else{$(this).closest('.delivery-block__item').find('.field-wrapper').css('display','none');$(this).closest('.delivery-block__item').find('.undertext').css('display','none');}});}
checkInputs();$('#order-registration-form').on('change',function(){checkInputs();if($('#curier-delivery').is(':checked')){$('.js-curier-hidden').css('display','none');}else{$('.js-curier-hidden').css('display','block');}
if($('#mail-delivery').is(':checked')){totalSumm=parseFloat($('.js-total-summ').html());if(totalSumm<20){$('.js-error').addClass('error');$('.undertext-error').css('display','block');}}else{$('.js-error').removeClass('error');$('.undertext-error').css('display','none');}});},filters:function filters(){$('.js-show-all').on('click',function(){$(this).closest('.filter-item__body').find('.filter-item__body-inner').css('height','auto');$(this).css('display','none');});$('.js-sort-btn').on('click','a',function(){if($(this).hasClass('is-active')){$(this).removeClass('is-active').closest('div').next().slideUp();}else{$(this).addClass('is-active').closest('div').next().slideDown();}});$('.js-filters-btn').on('click','a',function(){if($(this).hasClass('is-active')){$('.js-filters-btn').removeClass('is-active');$('.js-filters').removeClass('is-active').slideUp();$('body').removeClass('is-fixed');}else{$('.js-filters-btn').addClass('is-active');$('.js-filters').addClass('is-active').slideDown();$('body').addClass('is-fixed');}});$('.js-close-filters').on('click',function(){$('body').removeClass('is-fixed');$('.js-filters-btn').removeClass('is-active');$('.js-filters').removeClass('is-active').slideUp();});},counter:function counter(){if($('input.count').length!=0){$(".minus").on("click",function(){var closestCount=$(this).closest('div').find(".count");if(closestCount.val()>=1){return closestCount.val(Number(closestCount.val())-1);}});$(".plus").on("click",function(){var closestCount=$(this).closest('div').find(".count");closestCount.val(Number(closestCount.val())+1);});}},nav:function nav(){$(window).scroll(function(){var $header=$('.header');if($(window).scrollTop()>70){$header.addClass('is-scroll');}else{$header.removeClass('is-scroll');}});$('.nav-container-links .nav > li > a').on('click',function(e){if(currentWidth<992){e.preventDefault();$(this).next().slideToggle();}});$('.mobile-nav-header').on('click',function(){if(currentWidth<992){$(this).next().slideToggle();}});$('.hidden .js-nav-btn').on('click',function(){if(currentWidth>991){$('.nav-wrapper').slideToggle();}});$('.js-nav-btn').on('click',function(){if(currentWidth<=991){$('.nav-wrapper').slideToggle();}});},edit:function edit(){$('.js-edit').on('click',function(){$(this).addClass('is-hidden');$('.js-profile-save').addClass('is-visible');$('.js-edit-fields input').each(function(){$(this).prop('readonly',false);});});$('.js-profile-save').on('click',function(){$(this).removeClass('is-visible');$('.js-edit').removeClass('is-hidden');$('.js-edit-fields input').each(function(){$(this).prop('readonly',true);});});},sticky:function sticky(){$(".js-sticky").sticky({topSpacing:0});},wow:function wow(){new WOW().init({offset:800,mobile:false});},zoom:function zoom(){$('.js-zoom').each(function(){if(currentWidth>991){var thisImg=$(this).data('zoom');$(this).zoom({url:thisImg});}});},perfectScrollbar:function perfectScrollbar(){if(currentWidth>991){if($('.filter-item--scrollable').length!=0){var counter=0;$('.filters .filter-item--scrollable').each(function(){$(this).find('.filter-item__body').addClass('js-scrollbar-'+counter);var name='.js-scrollbar-'+counter;var ps=new PerfectScrollbar(name,{wheelSpeed:2,minScrollbarLength:20});counter++;});}}else{if($('.filters-scrollable-mobile').length!=0){var ps=new PerfectScrollbar('.filters-scrollable-mobile',{wheelSpeed:2,minScrollbarLength:20});}}},mask:function mask(){$("[type=tel]").inputmask({mask:'+375 (99) 999-99-99',"clearIncomplete":false,"showMaskOnHover":true,"showMaskOnFocus":true,"clearMaskOnLostFocus":true});},syncOwls:function syncOwls(){$('[data-fancybox]').fancybox({youtube:{controls:0,showinfo:0}});var sync1=$(".js-owl-single-main-imgs");var sync2=$(".js-owl-single-small-imgs");var slidesPerPage=4;var syncedSecondary=true;sync1.owlCarousel({items:1,slideSpeed:2000,nav:false,autoplay:false,video:true,lazyLoad:true,loop:false,responsiveRefreshRate:200,navText:['',''],responsive:{0:{dots:true},992:{dots:false}}}).on('changed.owl.carousel',syncPosition);sync2.on('initialized.owl.carousel',function(){sync2.find(".owl-item").eq(0).addClass("current");}).owlCarousel({autoWidth:true,margin:20,video:true,lazyLoad:true,items:slidesPerPage,dots:false,nav:false,smartSpeed:200,slideSpeed:500,slideBy:slidesPerPage,responsiveRefreshRate:100}).on('changed.owl.carousel',syncPosition2);function syncPosition(el){var current=el.item.index;sync2.find(".owl-item").removeClass("current").eq(current).addClass("current");var onscreen=sync2.find('.owl-item.active').length-1;var start=sync2.find('.owl-item.active').first().index();var end=sync2.find('.owl-item.active').last().index();if(current>end){sync2.data('owl.carousel').to(current,100,true);}
if(current<start){sync2.data('owl.carousel').to(current-onscreen,100,true);}}
function syncPosition2(el){if(syncedSecondary){var number=el.item.index;sync1.data('owl.carousel').to(number,100,true);}}
sync2.on("click",".owl-item",function(e){e.preventDefault();var number=$(this).index();sync1.data('owl.carousel').to(number,300,true);});},owls:function owls(){var bannerOwl=$('.js-banner-owl');bannerOwl.owlCarousel({items:1,loop:true,nav:false,navText:['',''],dots:false,margin:0,lazyLoad:true});},yandexMap:function yandexMap(){if(document.getElementById('map')){var myMap;var center=$('#map').data('coords');var address=$('#map').data('address');ymaps.ready(function(){myMap=new ymaps.Map("map",{center:center,zoom:17,controls:[]});var place_dot=new ymaps.Placemark(center,{balloonContent:address},{iconLayout:'default#image',iconImageHref:'assets/templates/imgs/marker.png',iconImageSize:[104,104],iconImageOffset:[-55,-104]});myMap.geoObjects.add(place_dot);myMap.controls.add("zoomControl",{position:{top:15,left:15}});});}},tabs:function tabs(){var links=$('.js-links-projects'),link=$('.js-links-projects li'),item=$('.js-section-projects > div');links.find('li:first').addClass('is-active');$('.js-section-projects').find('div:first').addClass('is-active');tabsFunction(link,item);var links2=$('.js-stages-list'),link2=$('.js-stages-list li'),item2=$('.js-stages-blocks > div');links2.find('li:first').addClass('is-active');$('.js-stages-blocks').find('div:first').addClass('is-active');tabsFunction(link2,item2);var links3=$('.js-tables-links'),link3=$('.js-tables-links li'),item3=$('.js-tables-wrapper > div');links3.find('li:first').addClass('is-active');$('.js-tables-wrapper').find('div:first').addClass('is-active');tabsFunction(link3,item3);function tabsFunction(link,item){link.on('click',function(){var linkIndex=$(this).index();link.each(function(){$(this).removeClass('is-active');});$(this).addClass('is-active');item.each(function(){$(this).removeClass('is-active');if($(this).index()==linkIndex){$(this).addClass('is-active');}});if(currentWidth<768){}});}}}};$(function(){'use strict';Application.init();});
Ответы (1 шт):
Автор решения: Michael Miller
→ Ссылка
<input type="hidden" name="totalPrice" value="2599"> //value подставляйте скриптом
//send.php
<?php
if(!empty($_POST['totalPrice'])){
$totalPrice = $_POST['totalPrice'];
}
else{
echo 'Не заполнена цена';
}
?>