从数据库中,我正在获取选择菜单的元素。在这里,我可以简单地生成新的选择菜单以获取更多的成员元素。我需要像下面这样工作。一旦我选择了一个成员(假设为成员A ),它应该在下一个新的选择菜单中不可用(成员A )。
这是我用来创建选择菜单的代码。
function appendMember(rowNumber) {
debugger
var subrowNumber = parseInt($("#itemmapWrapper" + rowNumber + "").attr("data-subrowNumber"));
subrowNumber = isnaN(subrowNumber) ? 1 : subrowNumber + 1;
var addNewItemDetailHtml = "<div class='col-lg-10 col-md-10 col-sm-10 col-xs-10 itemmapAllocationWrapper custom-paaddingnone form-group' \
id='dvaddNewItemDetailSub" + subrowNumber + "' data-subrowNumber='" + subrowNumber + "'>";
addNewItemDetailHtml += "<div class='col-lg-4 col-md-4 col-sm-4 col-xs-4 custom-paaddingnone'>\
<div class='col-lg-3 col-md-3 col-sm-3 col-xs-3 custom-paaddingnone text-center'>\
</div>\
<div class='col-lg-9 col-md-9 col-sm-9 col-xs-9 custom-paaddingnone'>\
<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12 custom-paaddingnone'>\
<div class='col-lg-10 col-md-10 col-sm-10 col-xs-10 custom-paaddingnone'>\
<select class='form-control' id ='memberid"+ rowNumber + subrowNumber + "' ></select>\
<input type='hidden' id='objectsCounter' value='0'>\
</div>\
</div>\
</div>\
</div>";
addNewItemDetailHtml += "<div class='col-lg-2 col-md-2 col-sm-2 col-xs-2 custom-paaddingnone'>\
<span class='glyphicon glyphicon-trash removeBtn' onclick = 'removeMemberDetail(this," + rowNumber + ")' ></span >\
</div>";
addNewItemDetailHtml += "</div>";
addNewItemDetailHtml += "</div>";
$("#itemmapWrapper" + rowNumber + "").attr("data-subrowNumber",subrowNumber);
$(".memberContainer").append(addNewItemDetailHtml);
intialize_memberDropDown(rowNumber,subrowNumber);
}
这是用于从数据库获取成员元素的代码。
function intialize_memberDropDown(rowNumber,subrowNumber) {
$.ajax({
type: "GET",url: "/Member/GetallMember/",cache: false,success: function (data) {
debugger
var countryHTMLString = "<option value ='0'>Select Member</option>";
if (data.isSucess) {
$.each(data.data,function (index,item) {
countryHTMLString += "<option value ='" + item.memberid + "'>" + item.membername + "</option>";
});
}
$("#memberid" + rowNumber + subrowNumber + "").html(countryHTMLString)
getTotalTripPrice(rowNumber);
getRoomPrice(rowNumber,subrowNumber);
var objectCounter = document.getElementById('objectsCounter').value;
objectCounter++;
document.getElementById('objectsCounter').value = objectCounter
},error: function (err) {
debugger
}
});
}