SELECT的值不是刷新JQuery

时间:2015-02-23 12:35:01

标签: javascript jquery

我使用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;
    })();

0 个答案:

没有答案