jquery - JQUERY 将 div 值交换为选择框值

Question

我正在尝试考虑从选定的选择框值中将内容交换为 div 的概念。因此，例如，这是我的代码，假设我选择了所有尺寸。我希望该字符串替换类中的 Employer Size 字符串：

<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>

感谢您提前提供任何帮助。

Answer 1

尝试

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

演示：小提琴