현재 월과 연도를 선택할 수있는 드롭 다운이 있으며 값이 제대로 표시되고 있습니다.
이제 그 값을 다른 div에 전달해야합니다.
드롭 다운 선택 기본값을 다른 div에서 간단한 텍스트로 얻는 방법 ??
선택한 값이 변경되면 변경되어야합니다.
설명 할 바이올린
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>
자바 스크립트
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;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다