我有下拉菜单来选择当前月份和年份,我正在正确获取值。
现在我需要将该值传递给其他一些 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 月
最佳答案
$('.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;
}
关于javascript - 如何将另一个div中的下拉选择默认值作为简单文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26406916/