添加选项功能

                                                        添加选项功能

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：Visual Studio   

作者：黄海浪

撰写时间：2019年5月7日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

添加选项就是选择项的添加，这个功能通常用在试题选项的添加，当试题是判断题是它只有两个选项，当它是单选题时，有四个选项，当它是多选题时，它可能是四个选项也可能是六个选项，多个选项。所以当你需要制作一个试题录入的功能的时候，添加选项这个功能就很必要了

我们看到一开始就只有A、B两个选项，那是因为判断题只有两个选项，给它设置A为对，B为错，但是单选题和多选题怎么办呢！来看一下添加选项的方法

//答案选项编号数组

var ArrLetter = new Array("A", "B", "C", "D", "E", "F");

//添加选项

function addOptions() {

    //题目选项由题目类型决定，因此在此处理答案之前需要先判断当前所选题型

    var TitleTypeID = $("#TitleType").val();

    if (TitleTypeID == undefined || TitleTypeID == "") {

        TitleTypeID = 0;

    }

    if (TitleTypeID != 0) {

        //判断题型

        if (TitleTypeID != 3) {

            //获取当前选项

            var options = $("#addOptions").find(".form-row");

            //判断当前选项的个数

            if (options.length < 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>';

                        //添加选项

                        $("#addOptions").append(strOption);

            }

            else {

                layer.alert("当前选项个数已达上限，不能再进行选项的添加！",

{ icon: 0, title: "提示" });

            }

       }

       else {

           layer.alert("当前题型为判断题，不能添加选项！",{icon: 0, title:"提示"});

          }

      }

     else {

         layer.alert("请选择题目类型！", { icon: 0, title: "提示" });

     }

 }

我们看到这里只有六个选项A到F，所以要判断它是否为判断题，是就不需要添加选项，不是就可以添加选项，最多六个选项。看到没有它是通过拼接的形式添加的，在JS代码中写HTML代码，再通过append来把HTML代码拼接到选项里面。

接下来看一下添加选项的效果图