Using Output From Two Drop Down Lists To Create Text In Multiple Places

I have several drop down lists as follows: 10002000&lSolution 1: Here is a jquery solution:$(function() { var firstValue = $('#dropdown').val(); var secondValue = $('#dropdown2').val(); $('#labelOne').text(firstValue); $('#labelTwo').text(secondValue); $('#total').text(firstValue * secondValue); $('#dropdown').on('change', function(){ firstValue = $('#dropdown').val(); $('#labelOne').text(firstValue); $('#total').text(firstValue * secondValue); }); $('#dropdown2').on('change', function(){ secondValue = $('#dropdown2').val(); $('#labelTwo').text(secondValue); $('#total').text(firstValue * secondValue); }); });Copy<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><selectname="dropdown"id="dropdown"><optionvalue="1000">1000</option><optionvalue="2000">2000</option><optionvalue="3000">3000</option><optionvalue="4000">4000</option></select><selectname="dropdown2"id="dropdown2"><optionvalue="12">12</option><optionvalue="24">24</option><optionvalue="36">36</option><optionvalue="48">48</option></select><spanid="labelOne"></span> * <spanid="labelTwo"></span> = <spanid="total"></span>Copy Share Post a Comment for "Using Output From Two Drop Down Lists To Create Text In Multiple Places" Top Question Right Floated Element Disappears When Using Columns In Firefox I am using an ol element with column-count and column-gap p… Remove The Button Inside The Dropdownlist Is there a way to hide or remove the arrow button inside a … Adding Asterisk To Placeholder, Or A Nice Way To Mark Required Fields Via Placeholder I'm looking for a way to style the asterisk in the plac… Mystery Margin Or Padding On List I cannot figure out where the padding is coming from the on… Homepage Slow To Load When I go to the homepage of my website after clearing my c… How To Add Placeholder Field?

I've been trying to add placeholder in input type='…