[英]Foundation dropdown selected value
我有一个像下面这样的基础下拉列表
<a href="#" data-dropdown="drop1" id="dateTitle">Date Range </a>
<ul id="drop1" class="f-dropdown small date-menu" drop-down-content>
<li id="custom">Custom</li>
<div id="customContainer"></div>
<li id="today"> Today</li>
<li id="yesterday">Yesterday</li>
<li id="sundaytoToday">This Week(Sun-Today)</li>
<li id="montoToday">This Week(Mon-Today)</li>
<li id="lastSevenDays">Last 7 Days</li>
<li id="lastSuntoSat">Last Week(Sun - Sat)</li>
<li id="lastMontoSun">Last Week(Mon - Sun)</li>
<li id="lastBusinessWeek">Last Business Week(Mon - Fri)</li>
<li id="lastFourteenDays">Last 14 days</li>
<li id="thisMonth">This Month</li>
<li id="lastThirtyDays">Last 30 days</li>
<li id="lastMonth">Last Month</li>
<li id="allTime">All Time</li>
<hr>
<li id="compare">Compare
<div class="onoffswitch">
<div class="onoffswitch">
<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch">
<label class="onoffswitch-label" for="myonoffswitch">
<div class="onoffswitch-inner"></div>
<div class="onoffswitch-switch"></div>
</label>
</div>
</li>
<div id="extraContainer"></div>
<div align="center"><button class="date-picker-submit">Apply</button></div>
</ul>
当用户单击列表项,然后单击底部的“应用”按钮时,我要获取列表中的选定项
我没有怎么做
$('.date-picker-submit').click(function(){
//get the selected value
});
这样做:
$('#drop1 li').click(function(){
$('#drop1 li').removeClass("selected");
$(this).addClass("selected");
});
现在单击按钮:
$('.date-picker-submit').click(function(){
$('#drop1 li.selected').text();
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.