thymeleaf前端获取三层list

最新推荐文章于 2023-05-09 20:46:31 发布

一小只123

最新推荐文章于 2023-05-09 20:46:31 发布

阅读量1.2k

点赞数

文章标签： java

本文链接：https://blog.csdn.net/littleCute11/article/details/108122106

版权

背景
试卷出题
第一层（题型）
第二层（题目）
第三层（选项）
impl
后台impl
controller
前端

js
jsjieshi
好啦上代码

 <ul>
                <!-- 这一级是一级单选 -->
                <li style="list-style: none;font-size: 17px;" th:each="opern : ${opernPaper}">
                    <a style="color: black;font-weight:bold" th:text="${opernStat.count}"></a> <a
                        style="color: black;font-weight:bold" th:text="${opern.name}"></a>
                    <!-- 这是一级下的二级分类列表 （题目）-->
                    <ul>
                        <li style="list-style: none;font-size: 15px;"
                            th:each="cate2:${opern.examPaperAnswerRecords}">
                            <a style="color: black;font-weight:bold" th:text="${cate2Stat.count}"></a>
                            <a style="color: black;font-weight:bold" th:text="${cate2.qstContent}"></a>
                            <ul>
                                <li style="list-style: none;font-size: 13px; "
                                    th:each="cate3:${cate2.ExamQuestionOptions}">
                                    <a style="color: black" th:text="${cate3.optOrder}"></a> <a style="color: black"
                                                                                                th:text="${cate3.optContent}"></a>
                                </li>

                            </ul>
                            <div th:if="${cate2.qstType}==5">
                                <label style="margin-top: 3px;color: black;margin-left:10px">学生答案： <a
                                        style="color: black"
                                        th:text="${cate2.userAnswer}"></a></label>
                                <div style="margin-left: 40px"><a>得分：</a><input oninput="changeNum()"
                                                                                th:data-qstId="${cate2.qstId}"
                                                                                id="score" type="number" name="score"/>
                                </div>
                            </div>
                    </ul>

                </li>
            </ul>

  var params = [];
        $("input[name='score']").each(function (i, ele) {
            var param = {};
            param["qstId"] = $(ele).attr("data-qstid");
            param["score"] = $(ele).val();
            // param.push($(ele).attr("data-qstid"));
            // param.push($(ele).val());
            params.push(param);
        });

注意第三次的时候用第二次。list的值时未获取到然后打印出来发现名字第一个字符为大写，若获取不到就打印一下试一试
那个input存值很厉害哈哈
加油啊