javascript - 如何将另一个div中的下拉选择默认值作为简单文本

Question

我有下拉菜单来选择当前月份和年份，我正在正确获取值。

现在我需要将该值传递给其他一些 div

如何将另一个div中的下拉选择默认值作为简单文本获取？

如果选择的值改变，它应该改变

fiddle 描述

http://jsfiddle.net/k1v7ga49/1/

下拉菜单

<select name="one" class=" select1" id="ddlYear">
    <option value="-1">Select Year</option>
    <option value="2014">2014</option>
    <option value="2013">2013</option>
    <option value="2012">2012</option>
</select>   

<select name="two" class="select2" id="ddlMonth">
    <option value="-1">Select Month</option>
    <option value="January">January</option>
    <option value="February">February</option>
    <option value="March">March</option>
    <option value="April">April</option>
    <option value="May">May</option>
    <option value="June">June</option>
    <option value="July">July</option>
    <option value="August">August</option>
    <option value="September">September</option>
    <option value="October">October</option>
    <option value="November">November</option>
    <option value="December">December</option>
</select>

JavaScript

var d = new Date(),
month = d.getMonth() + 1,
year = d.getFullYear();
$('.select2 option:eq(' + month + ')').prop('selected', true);
$('.select1').val(year);

$('.select2').on('change', function () {
    var selectedYear = ($("option:selected", $('.select1')).text());
    if (selectedYear != "Select Year") {
        selectedMonth = ($("option:selected", this).text());
        loadData(selectedYear, selectedMonth);
    }
});

我想在这个 div 中选择值(在#monthValue 中)

<div class="placer"> Current timeperiod is :
    <div id="monthValue"></div>
</div>

我的预期结果:当前时间段是:2014 年 10 月

Answer 1

$('.select2, .select1').on('change', function () {
    var selectedYear = $('.select1').val();
    if (selectedYear != "Select Year") {
        selectedMonth = $('.select2').val();
        $('#monthValue').text(selectedYear + ' ' + selectedMonth)
    }
}).trigger('change');

并将显示的值内联添加到 CSS

#monthValue {
    display:inline-block;
}

http://jsfiddle.net/Spokey/k1v7ga49/4/