Javascript 选择测验编号后显示测验

实际上，我正在为自己的目的建立一个调查问卷网站。 我设法做了一个循环，但我想我的java脚本序列是错误的。 下面是我的代码：

<script>
        $(document).ready(function()
        {
            var string ="";
            for(var i=2;i<12;i++){
                string +="<option value='"+i+"'>"+(i-1)+"</option>";
                console.log('test');
            }
            $("#select-question-type").change(function(evt)
            {
                var selected = $(this).val();

                if (selected == "1"){
                    $(".show-qn").show();
                    $(".show-check").hide();
                } else if(selected == '2') {
                    $(".show-check").hide();
                    $(".show-qn").hide();                    
                } else if(selected == '3'){
                    $(".show-check").show();
                    $(".show-qn").hide();
                }

            }).change();


            $("#total_qn_number").html(string);

            $("#total_qn_number").change(function(e){
                console.log("changed");
                var counter = $(this).val();
                var appendString = "";
                console.log(counter);
                for(var x=1;x<counter;x++){
                    appendString+='<br />Question '+x+':<br /><textarea name="question' +x+'" placeholder="Type your question"></textarea><br /><div class="show-qn"><label></label>A1:<input type="text" name="answer1' +x+'" placeholder="Type your 1st option" /><br /><label></label>A2:<input type="text" name="answer2' +x+'" placeholder="Type your 2nd option" /><br /><label></label>A3:<input type="text" name="answer3' +x+'" placeholder="Type your 3rd option" /><br /><label></label>A4:<input type="text" name="answer4' +x+'" placeholder="Type your 4th option" /></div><div class="show-check"><input type="text" name="cb1' +x+'" placeholder="Type your 1st option" /><br /><input type="text" name="cb2' +x+'" placeholder="Type your 2st option" /><br /><input type="text" name="cb3' +x+'" placeholder="Type your 3st option" /><br /><input type="text" name="cb4' +x+'" placeholder="Type your 4st option" /><br /><input type="text" name="noOfCorrectAns' +x+'" placeholder="Type down the no of correct ans." /></div>';
                }
                $("#container").html(appendString);
            });
        });
    </script>

$（文档）.ready（函数（）
{
var字符串=”；
对于（var i=2；i这就是您要寻找的：

我把它放在一个函数中，当两个选择框都改变时，这个函数就会被调用

$("#select-question-type").change(function(evt)
                {
                    var selected = $(this).val();

                    if (selected == "1"){
                        $(".show-qn").show();
                        $(".show-check").hide();
                    } else if(selected == '2') {
                        $(".show-check").hide();
                        $(".show-qn").hide();                    
                    } else if(selected == '3'){
                        $(".show-check").show();
                        $(".show-qn").hide();
                    }
                    else{
                        $(".show-check").hide();
                    }
                }).change();

在您的代码中，$（“#选择问题类型”）以change（function（）{}）结尾。change（）…您需要写两次更改吗？对不起，我不明白您的意思。它必须更改两次，因为两者都需要更改（如果我没有错误地理解您的问题）$（“#选择问题类型”）。更改（function（evt）{var selected=$（this）.val（）；如果（selected==“1”）{$（“.show qn”）.show（）；$（“.show check”）.hide（）；}else if（selected==“2”）{$（“.show check”）.hide（）；$（“.show qn”）.hide（）；}else if（selected==“3”）{$（“.show check”）.show（）；$（“.show qn”）.hide（）；}}）.change（）；此更改已写入两次。删除最后一个.change（）时会发生什么情况？嗯，我看不到在您复制和粘贴的代码上写入两次更改。如果您指的是.change（函数）和.change（），如果我删除最后一个更改，它将直接显示为第一张图片，而不是第二张图片。不，它实际上与我的工作原理相同。您尝试选择问题数量，然后选择问题类型，然后再次选择问题数量。它将返回到第一张图片（上图）这不是我想要的。我想让它显示第二张图片，不管我选择了多少个问题更新…提前得到你想要的汉克。我试着在.change（）中移动或者甚至删除它们，都不起作用。啊~我已经更新了答案。有了更新的小提琴的链接。它非常接近您想要的，但需要您进行一些整理。如果您对提供的解决方案感到满意，您可以接受答案。是的，这正是我需要的。非常感谢您的努力！