未捕获的SyntaxError: for循环中意外的标识符错误

我正在尝试编写代码，其中多个搜索和iframe一起工作以实现指定的结果。我正在建立这个网站在商业催化剂，所以它使用WebApps。

目前我正试图提交一个搜索到iframe，然后通过表单字段返回一个动态值到父窗口。我一直收到未捕获的SyntaxError:意外标识符错误响应我的代码。如果有人可以帮助我看一下我的代码，我将非常感激。谢谢你！

注意:{module_webapresults}标签是业务催化剂的一部分。当它在页面上呈现时，一系列带有值的div将输出到DOM，其中一些项将更改变量的值。

var chapNum = null;
var chapter1ID = 0;
var chapter2ID = 0;
var chapter3ID = 0;
var chapter4ID = 0;
var chapter5ID = 0;
var chapter1 = false;
var chapter2 = false;
var chapter3 = false;
var chapter4 = false;
var chapter5 = false;
</script>
    <div id="results">{module_webappsresults,,_self,true,-1,,1}</div>
    <form name="chapter-ids" id="chapter-ids" action="" method="post">
            <input type="text" maxlength="255" name="chap-id-1" id="chap-id-1" class="cat_textbox" value=""/>
            <input type="text" maxlength="255" name="chap-id-2" id="chap-id-2" class="cat_textbox" value=""/>
            <input type="text" maxlength="255" name="chap-id-3" id="chap-id-3" class="cat_textbox" value=""/>
            <input type="text" maxlength="255" name="chap-id-4" id="chap-id-4" class="cat_textbox" value=""/>
            <input type="text" maxlength="255" name="chap-id-5" id="chap-id-5" class="cat_textbox" value=""/>
            <input type="text" maxlength="255" name="total-chapters" id="total-chapters" class="cat_textbox" value=""/>
    </form>
    <script>
        for (var i = 0; i <= chapNum; i++) {
                var formID = chap-id-[i];
                document.getElementById(formID).value = chapter[i]ID;
                parent.chapterData(this.form.formID.value)
        };
        document.getElementById('total-chapters').value = chapNum;
                parent.totalChapters(this.form.total-chapters.value)
        document.write(chapNum);