jquery : How to write a price in a specific div when dropdown menu option selected

Question

I am wondering how to write a price in a div when a user selects an option in a dropdown menu.

What have you tried? Please provide your code so far so that we know how to help you. Additionally, we need context on what you're trying to achieve. The question of "how to write in a div" is very ambiguous. — Brandon Stillitano, Oct 29 '19 at 17:32

score 1 · Answer 1 · answered Oct 29 '19 at 19:22

The information you provided was a little vague. However, based off of what you provided, I believe this is what you're attempting to accomplish.

<select id="myDropdown">
     <option id="opt1">Option 1</option>
     <option id="opt2">Option 2</option>
     <option id="opt3">Option 3</option>
     <option id="opt4">Option 4</option>
     <option id="opt5">Option 5</option>
</select>

<div id="result"></div>

If you have HTML like the above some where in your page, you can add some jQuery to the bottom of your page that should update your div accordingly.

<script type="text/javascript">
    $(document).ready(function() {
        $('#myDropdown').change(function() {
            $('#result').html('<span class="money">$123.45</span>');
        });
    });
</script>

$('#result').html( $('#myDropdown').val() ); see https://stackoverflow.com/questions/11179406/jquery-get-value-of-select-onchange — John Griffiths, Oct 29 '19 at 20:09
@JohnGriffiths great link. That thread is far better than the example I provided here. — Cliff Gunn, Oct 29 '19 at 21:14

jquery : How to write a price in a specific div when dropdown menu option selected

1 Answers1