Jquery: Сумма 2 функций/блоков

202
04 января 2019, 11:20
    <?php
    $_GOODS= array("goods"=>array(1=>"Гучи", 2=>"Суприм")); //Товары
    $_GOODS_PRICES = array("goods_prices"=>array(1=>"10000 грн.", 2=>"5000 грн.")); //Цены
    $_COLOR = array("goods"=>array(1=>"Красный", 2=>"Белый")); //Товары
    $_COLOR_PRICES = array("goods_prices"=>array(1=>"2000 грн.", 2=>"3000 грн.")); //Цены
    ?>
        <form action="#" method="post" name="order">
        <section>
        Товары:
        <select onchange="getVal(this);" >
            <option disabled selected>Выберите товар</option>
            <?php foreach($_GOODS['goods'] as $key => $value):?>
            <option data-price="<?= $_GOODS_PRICES['goods_prices'][$key] ?>" value="<?= $value; ?>"><?= $value; ?></option>
            <?php endforeach;?>
        </select>
        Цена:
        <span id="price">Не выбрано</span> <!--Цена 1-->
        <script>
        function getVal(sel) {
            document.getElementById("price").innerHTML = sel.options[sel.selectedIndex].dataset.price
        }
        </script>
        </section>
        <section>
        Цвет:
        <select onchange="getVal_2(this);" >
            <option disabled selected>Цвет</option>
            <?php foreach($_COLOR['color'] as $key => $value):?>
            <option data-price="<?= $_COLOR_PRICES['color_prices'][$key] ?>" value="<?= $value; ?>"><?= $value; ?></option>
            <?php endforeach;?>
        </select>
        Цена:
        <span id="price_2">Не выбрано</span> <!--Цена 2-->
        <script>
        function getVal_2(sel) {
            document.getElementById("price_2").innerHTML = sel.options[sel.selectedIndex].dataset.price
        }
        </script>
        </section>
        <section>
        Общая сумма:
    <span id="price_sum"></span> <!--1+2 цена-->
    <script>
    var p1 = document.getElementById("price").innerHTML;
    var p2 = document.getElementById("price_2").innerHTML;
    var sum = document.getElementById("price_sum");
    sum.innerHTML = Number(p1) + Number(p2) + " грн.";
    </script>
        </section>
        <input type="submit" name="submit" value="Отправить" />
        </form>
Answer 1

$("#price_sum").append(Number($("#price").html())+Number($("#price_2").html())); 
 
// без jQuery 
//var p1 = document.getElementById("price").innerHTML; 
//var p2 = document.getElementById("price_2").innerHTML; 
//var sum = document.getElementById("price_sum"); 
//sum.innerHTML = Number(p1) + Number(p2);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<span id="price">10</span> 
<span id="price_2">32</span> 
<span id="price_sum"></span>

Answer 2

$("#s1").on('change',function(){ 
  $("#price1").html(this.options[this.selectedIndex].getAttribute("val")); 
  $("#sum").html(Number($("#price1").html())+Number($("#price2").html())); 
}); 
$("#s2").on('change',function(){ 
  $("#price2").html(this.options[this.selectedIndex].getAttribute("val")); 
  $("#sum").html(Number($("#price1").html())+Number($("#price2").html())); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div style="display:block;"> 
<select val="3" id="s1">asd 
<option>Выберите лот</option> 
<option val="100">1</option> 
<option val="200">2</option> 
</select> 
<div id="price1" style="display:inline;">Не выбрано</div> 
<select id="s2"> 
<option>Выберите лот</option> 
<option val="100">1</option> 
<option val="200">2</option> 
</select> 
<div id="price2" style="display:inline;">Не выбрано</div> 
</div> 
<div id="sum"></div>

READ ALSO
YII2 Как правильно построить запрос с joinWith?

YII2 Как правильно построить запрос с joinWith?

yii2-advanced, суть: получаю $id, нахожу в таблице product_image 'id' => $id, и также надо найти запись из таблицы product, у которой должно быть 'id' => 'product_image->id'Найти...

256
как записать массив в базу данных

как записать массив в базу данных

Имеется массив вида

220
Распарсить строчку на составляющие

Распарсить строчку на составляющие

Не понимаю как разпарсить строчку указанную ниже на переменные, для дальнейщего применения

212
В каких случаях метод ActiveRecord save() возвращает false?

В каких случаях метод ActiveRecord save() возвращает false?

У меня с товарищем возникла дискуссия вот по какому поводу:

183