我使用Jquery创建了自我调用函数,我在其中创建了一些更多的选择标记。但我的主要选择标记的值没有被引用。
描述: 我有一个选择按钮,可以选择No_of_Children。当我选择任何值时,例如说TWO,那么应该在DOM中添加另外两个选择标记(Child_Age)。
代码工作正常,它创建了两个Tabs但No_Of_Children的值不是TWO,它只显示零。
(function () {
var $RoomDesc = $("#RoomDesc");
$RoomDesc.on("change", ".nights select", function () {
console.log("a")
// Check whether need to create Child Age or Destroy
var $this = $(this);
var values = parseInt($this.val());
var childIDLength = ("CheckAvailability_RoomSearchCriteriaList_").length;
var idValueOfTotalChildren = $this.attr('id').substr(childIDLength, 1); // This is used to select perticular Room out of 4
alert(idValueOfTotalChildren);
var $currentChildAge = $("#room_" + idValueOfTotalChildren + " .childAge");
var $noOfChildAge = $currentChildAge.children("select").length;
var $noOfChildAgeCreate = values - $noOfChildAge;
console.log("current " + $currentChildAge);
console.log("no of child age " + $noOfChildAge);
console.log("values : " + values);
console.log("To create " + $noOfChildAgeCreate);
if ($noOfChildAgeCreate <= 0) {
for (var i = $noOfChildAge ; i > values ; i--) {
destroyChildAgeContainer(i, idValueOfTotalChildren);
}
// remove extra childAge
} else {
// create new childAge
for (var i = ($noOfChildAge + 1) ; i <= (values) ; i++) {
// create tabs require new child's index no.
// be careful.
console.log("value if I : " + i);
console.log("value if idTotalChildren : " + i);
createChildAgeContainer(i, idValueOfTotalChildren);
}
}
});
return;
})();