对手动录入的添加选项的理解

对手动录入的添加选项的理解

开发工具与关键技术：Visual Studio 2015
作者：杨镇虹
撰写时间：2019.04.03

一、最近上课学习的一个项目里面的手动录入的添加选项的分析

//答案选项编号数组
var ArrLetter = new Array(“A”, “B”, “C”, “D”, “E”, “F”);//升明一个全局的数组ArrLetter 这个数组ArrLetter里面有6个元素"A", “B”, “C”, “D”, “E”, “F” 就是对应的6个选项

首先var获取到当前的TitleTypeID题目类型，
//题目选项由题目类型决定，因此在处理答案之前需要先判断当前所选题型
var TitleTypeID = $("#TitleType").val();{//var获取当前TitleTypeID题目类型

}

然后if判断一下 如果TitleTypeID题目类型出现undefined ||或者TitleTypeID题目类型等于空的情况 就让 TitleTypeID题目类型等于0
if (TitleTypeID == undefined || TitleTypeID == “”) {
TitleTypeID = 0;//TitleTypeID题目类型是否等于0
}

再去if判断TitleTypeID题目类型 是否!= 0不等于0 如果等于0就弹出一个提示框提醒用户"请选择题目类型!"
if (TitleTypeID != 0) {//if判断 TitleTypeID题目类型 是否!= 0不等于0
} else {//else否则
layer.alert(“请选择题目类型!”, { icon: 0, title: “提示” });
}

如果选择了题目类型再去进行下一个if (TitleTypeID != 3) if判断 TitleTypeID题目类型 是否!= 3不等于3 如果不等于3的话，就弹出下面的提示框来提醒用户 layer.alert(“当前题型为判断题，不能添加选项！”, { icon: 0, title: “提示” }); 来提示用户当前题型为判断题，不能添加选项
//判断题型
if (TitleTypeID != 3) {//if判断 TitleTypeID题目类型 是否!= 3不等于3 如果不等于3的话，就弹出下面的提示框来提醒用户 layer.alert(“当前选项个数已达上限，不能再进行选项的添加！”, { icon: 0, title: “提示” });//如果上面的判断小于6将弹出这个提示框来提醒用户不能再进行添加选项
} else {//else否则
layer.alert(“当前题型为判断题，不能添加选项！”, { icon: 0, title: “提示” });
}

然后再去var options = $("#addOptions").find(".form-row") 获取options当前选项 row行
//获取当前选项
var options = $("#addOptions").find(".form-row");//var获取options当前选项 row行

再判断当前选项的个数的长度（length ）< 是否小于6 它的选项只有6项，所以只能小于6 不能大于6 如果满足6个选项将弹出一个提示框来提示用户 layer.alert(“当前选项个数已达上限，不能再进行选项的添加！”, { icon: 0, title: “提示” }); 已满足六个选项，将不能再进行增加选项
//判断当前选项的个数
if (options.length < 6) {//if判断 如果这个options的长度length <小于6 它的选项只有6项，所以只能小于6
}else {
layer.alert(“当前选项个数已达上限，不能再进行选项的添加！”, { icon: 0, title: “提示” });//如果上面的判断小于6将弹出这个提示框来提醒用户不能再进行添加选项
}

然后再拼接字符串 用单引’‘号把要拼接的字符串括起来 再用一个+加号来拼接下一个要拼接的字符串
var strOption = ’ < div class=“form-row”>’ + //字符串拼接
‘< label class=“col-sm-1 col-form-label text-right”>’ + ArrLetter[options.length] + ’ < /label>’ +
‘< div class=“col-sm-11”>’ +
‘< input type=“text” class=“form-control form-control-sm” />’ +
‘< /div>’ +
‘< /div>’;

ArrLetter[options.length]这个是上面给的一个数组（答案选项编号的数组）

//添加选项
$("#addOptions").append(strOption);
然后就可以往下进行增加选项了

//添加选项
function addOptions()

实现代码块

图1