JQUERY为选择框值交换div值

我正试图思考将内容从所选的选择框值交换为div的概念。例如，这是我的代码，假设我选择了所有尺寸。我想用该字符串替换课堂外的雇主尺寸字符串：

<div class="selectdiv">
  <select class="selectboxdiv" id="ddlEmployerSize">
    <option value=""></option>
    <option value="All_Sizes">All Sizes</option>
    <option value="0_99">0 – 99</option>
    <option value="100_499">100 – 499</option>
    <option value="500">500+</option>
    <option value="1000">1,000+</option>
  </select>
  <div class="out">Employer Size</div>
  <span class="icon-caret-down"></span>
</div>

各种尺寸
0 – 99
100 – 499
500+
1,000+
雇主规模

提前感谢您的帮助。

试试看

jQuery(function($){
    $('#ddlEmployerSize').change(function(){
        $('.out').text($(this).find('option:selected').text())
    })
})

演示：

试试看

jQuery(function($){
    $('#ddlEmployerSize').change(function(){
        $('.out').text($(this).find('option:selected').text())
    })
})

演示：

试试看

jQuery(function($){
    $('#ddlEmployerSize').change(function(){
        $('.out').text($(this).find('option:selected').text())
    })
})

演示：

试试看

jQuery(function($){
    $('#ddlEmployerSize').change(function(){
        $('.out').text($(this).find('option:selected').text())
    })
})

演示：