Answers for "get select value on change"

3

on change select item

$('select').on('change', function (e) {
    var optionSelected = $("option:selected", this);
    var valueSelected = this.value;
    ....
});
Posted by: Guest on July-29-2021
0

on select price change

<select class="form-control calculate" id="size" name="size">
    <option data-price="5.00" value="Small">Small</option>
    <option data-price="10.00" value="Medium">Medium</option>
    <option data-price="15.00" value="Large">Large</option>
</select>

<span id="item-price">00</span>

<script type="text/javascript" src="jquery-1.11.0.js"></script>
<script type="text/javascript">
var basePrice = 0;

$(".calculate").change(function () {
    newPrice = basePrice;
    $(".calculate option:selected").each(function () {
        newPrice += parseFloat($(this).data('price'));
        console.log(typeof newPrice);
    });
    newPrice = newPrice.toFixed(2);
    $("#item-price").html(newPrice);
});
</script>
Posted by: Guest on December-02-2020

Code answers related to "get select value on change"

Code answers related to "Javascript"

Browse Popular Code Answers by Language