Using Output From Two Drop Down Lists To Create Text In Multiple Places
I have several drop down lists as follows:
Solution 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);
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select name="dropdown" id="dropdown">
<option value="1000">1000</option>
<option value="2000">2000</option>
<option value="3000">3000</option>
<option value="4000">4000</option>
</select>
<select name="dropdown2" id="dropdown2">
<option value="12">12</option>
<option value="24">24</option>
<option value="36">36</option>
<option value="48">48</option>
</select>
<span id="labelOne"></span> *
<span id="labelTwo"></span> =
<span id="total"></span>
Post a Comment for "Using Output From Two Drop Down Lists To Create Text In Multiple Places"