第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會有你想問的

如何從下拉列表中添加購物車價(jià)格

如何從下拉列表中添加購物車價(jià)格

PHP
慕的地6264312 2023-08-11 10:59:01
我想在點(diǎn)擊其中之一時(shí)添加價(jià)格<div class="col-12 col-sm-9 col-md-9 col-lg-8">                            <select class="form-control" type="text" value="">                              <option value="0">Not Required</option>                              <option value="50">Before Care only(6am to 9am)</option>                              <option value="60">After Care Only (5pm to 7pm)</option>                              <option value="110">Both</option>                              </select>                          </div>應(yīng)該添加他們的購物車總數(shù) <h4 class="price" id="prictot">{{$cdetail ->c_price}}</h4>         <form action="{{ route('/payment') }}" id="theForm" method="POST">          @csrf          <input type="hidden" id="price" name="price" value="{{$cdetail ->price}}"><br>          <button type="submit" class="btn radius-xl text-uppercase">Buy This Courses</button>         </form>使用ajax并獲取值并放入“prictot”<script>$(document).ready(function() {$("#priceadd").on('change', function () {    var optionText = $("#priceadd option:selected").val();     realprice=document.getElementById("prictot").innerHTML    document.getElementById("prictot").innerHTML = optionText });});</script>
查看完整描述

1 回答

?
德瑪西亞99

TA貢獻(xiàn)1770條經(jīng)驗(yàn) 獲得超3個(gè)贊

select-box您可以簡單地獲取和的值<h4>并將它們相加，并將總價(jià)值放入您的 div 和隱藏的輸入中。IE ：


$(document).ready(function() {

//on change of slect

  $("#priceadd").on('change', function() {

  //get select value

    var optionText = parseInt($(this).val());

    //get text inside h4

    var realprice = parseInt($("#prictot").text());

    //add 

    var total =optionText +  realprice;

    //add total to div nd inputs

    $("#prictot").text(total)

    $("#price").val(total)

  });

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="col-12 col-sm-9 col-md-9 col-lg-8">

  <select class="form-control" id="priceadd">

    <option value="0">Not Required</option>

    <option value="50">Before Care only(6am to 9am)</option>

    <option value="60">After Care Only (5pm to 7pm)</option>

    <option value="110">Both</option>

  </select>

</div>

<h4 class="price" id="prictot">110</h4>


<form action="{{ route('/payment') }}" id="theForm" method="POST">

  @csrf

  <input type="text" id="price" name="price" value="110"><br>

  <button type="submit" class="btn radius-xl text-uppercase">Buy This Courses</button>

</form>

<h4>如果您需要在其值發(fā)生更改之前獲取內(nèi)部已經(jīng)存在的總數(shù)，您可以向<h4>標(biāo)記添加一個(gè)自定義屬性，該屬性將具有以前的值。IE ：


$(document).ready(function() {

//on change of slect

  $("#priceadd").on('change', function() {

    //get old value

    var old_value = parseInt($("#prictot").attr('total-price'))

  //get select value

    var optionText = parseInt($(this).val());

    

    //add 

    var total =optionText +  old_value;

    //add total to div nd inputs

    $("#prictot").text(total)

    $("#price").val(total)

  });

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="col-12 col-sm-9 col-md-9 col-lg-8">

  <select class="form-control" id="priceadd">

    <option value="0">Not Required</option>

    <option value="50">Before Care only(6am to 9am)</option>

    <option value="60">After Care Only (5pm to 7pm)</option>

    <option value="110">Both</option>

  </select>

</div>

<!--added custom attribute-->

<h4 class="price" total-price="110" id="prictot">110</h4>


<form action="{{ route('/payment') }}" id="theForm" method="POST">

  @csrf

  <input type="text" id="price" name="price" value="110"><br>

  <button type="submit" class="btn radius-xl text-uppercase">Buy This Courses</button>

</form>


查看完整回答
反對 回復(fù) 2023-08-11
  • 1 回答
  • 0 關(guān)注
  • 140 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號