详情详情模态框

                            详情详情模态框

开发工具与关键技术：Visual Studio 2015 
作者：李仁海
撰写时间：2019.4.7

一、详情详情模态框html
在这里插入图片描述
图1
1、首先function然后写一个自定义美年名称searchTitDetail(值题目IDTitleID) ，之后根据题目ID查询题目信息，post设置控制器路径selectTitleDetail,然后根据题目的ID查询题目的信息 { TitleID: TitleID }, function给个值 (data) ，输出一下console.log(data);
2、判断if当前题目是否为选择题，也就是data.TitleTypeID == 3是否等于3，如果等于3就是判断题，因为在数据库里判断题是3，所以等于3就是判断题；

3、获取题干ID $KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲title")，设置个值为ht\dots$ ("#option")清空选项，empty就是清空的意思；并且获取ID $KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲option")拼接选项内容，\dots$ ("#rightKey").html(“√”)获取到这个为正确； else 获取的ID为$("#rightKey").html(“×”)那么就是为错误。
6、再之后else题干进行分割题干，题干格式、答案、修改测试，再进行var ArrStem = data.Stem.split("~~")再数据库的答案之前加上两个~号进行分割。
在这里插入图片描述
图2

7、for 循环、进行填写题干与选项的选择的答案、题干(var i = 0; i < ArrStem.length; i++) {
if 判断i等于 0 {，获取题干ID $KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲title").html(Ar\dots$ ("#option").empty();进行清空选项，再他不管是判断题还是多选题、单选题的时候只要他们进行了切换那么就会进行清空选项里的内容或者是切换到判断题是选项里有只个选项，判断题只能两个选项，判断题、单选题就可以添加多个选项进去，empty代表着是清空的意思。}
8、else也就是判断了之后是不是判断题或者多选题、单选题，如果是判断题那么就不能添加，多选题、单选题就可以添加，再获取了选项ID进行拼接上p标签，才显示在浏览器上的选项添加成功后的效果显示模型{ $KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲option").append\dots$ ("#rightKey").html(data.RightKey)，也就是前面判断出来的结果，是不是正确的答案；如果是那么就根据前面判断给出正确的答案或者错误的答案。}});
10、/也就是最后一步了弹出题目详情模态框，获取详情模态框ID$("#modTitles")详情模态框这也是你新增或者上传上去的题干、答案、图片之类的都会显示在上面，.modal(“show”)这是显示的意思;}。
在这里插入图片描述
图3
(注释：这是现在跟老师学习MVC的一个项目的详情详情模态框

猜你喜欢