为函数传递动态ID

Question

我正在创建带有动态ID的动态文本框。现在，我想将动态文本框更改为选择下拉列表的时间。我更改了脚本，但出现错误，例如未定义id。这是我的代码：

<div>
            <input class="btn btn-info" onclick="addtextbox()" type="button" value="Add">
        </div>

<script>
        var count = 0;
        function addtextbox() {
            count++;
            var newTextBoxDiv = document.createElement('div');
            newTextBoxDiv.id = 'Tools';
            document.getElementById("ToolsGroup").appendChild(newTextBoxDiv);

            newTextBoxDiv.innerHTML = '<form class="form-inline"><div class="form-group"><label class="col-md-4 control-label" for="starttime">Starttime</label><div class="col-md-4"><input type="startime" class="form-control input-md" id="starttime' + count + '" placeholder="starttime" required=""> </div></div>' +
                '<div class="form-group"><label class="col-md-4 control-label" for="endtime">Endtime</label><div class="col-md-4"><input type="endtime" class="form-control input-md" id="endtime' + count + '" placeholder="endtime" required="" onclick="timePicker()"></div></div></form>' +
                '&nbsp;&nbsp;<input type="button" value="Remove" class="removeTools" onclick="removeTextArea(this);">'
            console.log("Iam count", count);
        };

        function removeTextArea(inputElement) {
            var el = inputElement;
            while (el.tagName != 'DIV') el = el.parentElement;
            el.parentElement.removeChild(el);
            count--;
        }

    </script>

我的时间选择器脚本是

<script>
        $(document).ready(function () {
            $('#starttime'+count).timepicker({
                timeFormat: 'HH:mm',
                interval: 30,
                use24hours: true,
                scrollbar: true,
            });
        });
    </script>

我需要的是，当我单击添加按钮时，将创建两个文本框，当我单击该文本框时，它应以30分钟为间隔，以24小时格式显示时间

Answer 1

由于页面加载完成，my time picker script运行并且变量count = 0 =>为timepicker呈现函数id=starttime0，并且没有名称为starttime0的documentId当您单击添加按钮时，功能my time picker script不会重新渲染，然后就没有动作创建功能timepicker for id=starttime1,2,3....