Question

I have a form with a select currently in use and an empty div (#price) below the form . I was wondering if anyone knew how (using jquery), to make it so that if I chose something in the select, to output it to the box. Or is the best solution to have the prices already loaded into the empty div, and just hide them using css?

Answer 1

$('#selectID').change(function() {
    $('#divID').text($(this).find(':selected').text());
});

Or, if you want the value…

$('#selectID').change(function() {
    $('#divID').text($(this).val());
});