0
我在视图上有两个dropDown。 SessionDateSelect
将从DB获得其内容,并且SessionSelect
将获得来自Db的内容,基于SessionDateSelect
selectedLi。目前为止一切正常。但是当我在SessionSelect
下拉什么内容点击作品: 这里是我的代码:selectedLi在使用JQuery添加Li时无法工作
div id="SessionDateSelect">
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" id="btn-DateSelect" data-toggle="dropdown">انتخاب تاریخ شروع کلاس
<span class="caret"></span></button>
<ul class="dropdown-menu" id="dateList">
@{
var dateCollection = Session["classDates"] as List<string>;
if (dateCollection != null)
{
foreach (var item1 in dateCollection)
{
<li><a id="@item1" href="#">@item1</a></li>
}
}
}
</ul>
</div>
</div>
<div id="SessionSelect">
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" id="btn-SessionSelect" data-toggle="dropdown">انتخاب جلسه
<span class="caret"></span></button>
<ul class="dropdown-menu" id="classSessions">
</ul>
</div>
</div>
这里是JS代码:
<script type="text/javascript">
var selectedDate=null;
$("#SessionDateSelect").find("li a").click(function() {
$('.selectedLi').removeClass('selectedLi');
$(this).addClass('selectedLi');
selectedDate = $('.dropdown-menu').find("li a.selectedLi").attr('id');
var attgrade1 = $('.dropdown-menu').find("li a.selectedLi").text();
$('#btn-DateSelect').html("تاریخ شروع دوره" + " " + attgrade1 + '<span class="caret"></span>');
if (selectedDate != null) {
$.ajax({
url: '@Url.Action("GetSessions", "Main")',
type: 'POST',
traditional: true,
data: { 'date': selectedDate },
success: function (data) {
alert(data);
var mySelect = $('#classSessions');
for (var i = 1; i <= data; i++)
{
mySelect.append(' <li><a id="' + i + '"href="#">' + i + '</a></li>');
}
}
});
}
});
var selectedSession;
$("#SessionSelect").find("li a").click(function() {
alert('click');
$('.selectedLi').removeClass('selectedLi');
$(this).addClass('selectedLi');
selectedSession = $('.dropdown-menu').find("li a.selectedLi").attr('id');
var attgrade = $('.dropdown-menu').find("li a.selectedLi").text();
$('#btn-SessionSelect').html("جلسه شماره" + " " + attgrade + '<span class="caret"></span>');
});
</script>
您需要[事件代表团](https://learn.jquery.com/events/event-delegation/)来处理动态添加elem上的事件经济需求 –