select change code example
Example 1: jquery select box change event
$('select').on('change', function (e) {
var optionSelected = $("option:selected", this);
var valueSelected = this.value;
....
});
Example 2: on change jquery
//Delete comments After getting help.
//You can apply any one approach:
$("#Input_Id").change(function(){ // 1st
// do your code here
// When your element is already rendered
});
$("#Input_Id").on('change', function(){ // 2nd (A)
// do your code here
// It will specifically called on change of your element
});
$("body").on('change', '#Input_Id', function(){ // 2nd (B)
// do your code here
// It will filter the element "Input_Id" from the "body" and apply "onChange effect" on it
});
Example 3: 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>