JQUERY交换选择框值的div值

时间:2013-10-08 15:57:25

标签: jquery

我正在尝试考虑从所选的选择框值交换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>

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

1 个答案:

答案 0 :(得分:3)

尝试

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

演示:Fiddle