一. 题目类型下拉框的绑定,TitleType为下拉框的id,selectTitleType为查询方法。下拉框会
里有三种选中形式
//下拉框绑定
createSelect(“TitleType”,
“selectTitleType”);
//下拉框数据查询:题目类型
public ActionResult selectTitleType()
{
List<SelectVo> listTitleType =myModels.SYS_TitleType.Select(m => new SelectVo { id = m.TitleTypeID, text =m.TitleType }).ToList();
listTitleType =common.Tools.SetSelectJson(listTitleType);
return Json(listTitleType,JsonRequestBehavior.AllowGet);
}
二.
1.根据题目类型的切换改变选项的内容,获取当前选择题目的类型获取选项和选项内容如果选中的是判断题型:
//题目类型的切换改变选项的内容
$("#TitleType").change(function() {
//获取当前选中题目类型
var titleTypeId = this.value;
//获取选项
var options =$("#addOptions").find(".form-row");
//获取选项内容
var inputs =$("#addOptions").find(".form-row").find("input");
//判断题型
if (titleTypeId == 3) {
//判断当前选项的个数
if (options.length > 2) {
for (var i = 2; i <options.length; i++) {
$(options[i]).remove();
}
}
//赋值
inputs[0].value = "√";
inputs[1].value = "×";
//设置只读状态
inputs[0].readOnly = true;
inputs[1].readOnly = true;
} else {
if(inputs[0].value== "√"|| inputs[1].value == "×"){
inputs[0].value ="";
inputs[1].value ="";
}
//设置只读状态
inputs[0].readOnly = false;
inputs[1].readOnly = false;
}
});
2.根据题目类型的切换改变选项的内容,获取当前选择题目的类型获取选项和选项内容如果选中的是单选题或者多选题型时,它们都有添加选项和删除选项的功能:
首先要定义一个全局变量的数组 var ArrLetter =
new Array(“A”, “B”, “C”, “D”,
“E”, “F”);如果options 选项没有六个点击添加选项按钮添加strOption
//添加
if (options.length < 6) {
var
strOption = ‘
‘’ +
‘
'<input
type=“text” class=“form-control form-control-sm” />’ +
‘’ +
‘’;
//添加选项
$("#addOptions").append(strOption);
//删除选项
function delOptions() {
//获取选项
var options =
$("#addOptions").find(".form-row");
//判断当前选项个数,选项个数不能小于二
if (options.length > 2)
{
//删除选项,从最后一个开始删除
options.last().remove();
} else {
layer.msg("A、B项不能删除!", { icon: 0, skin: "layui-layer-lan" });
}
}