Javascript 如何使用jquery将结果放在最后

我的代码是： 带js的html部分请勾选我需要生成五个问题的结果，并显示在页面的最后一部分我哪里出错了我使用innerhtml js东西在最后一部分生成结果

<div id="section1">
    <script type="text/javascript">
        function changeText2() {
            alert("working");
            var count1 = 0;
            var a = document.forms["myForm"]["drop1"].value;

            var b = document.forms["myForm"]["drop2"].value;
            alert(document.forms["myForm"]["drop2"].value);

            var c = document.forms["myForm"]["drop3"].value;
            var d = document.forms["myForm"]["drop4"].value;
            var e = document.forms["myForm"]["drop5"].value;
            var f = document.forms["myForm"]["drop6"].value;

            if (a === 2) {
                count1++;
                alert(count1);
            } else {
                alert("lit");
            }

            if (b === 2) {
                count1++;
            } else {
                alert("lit");
            }

            if (c === 2) {
                count1++;
            } else {
                alert("lit");
            }

            if (d === 2) {
                count1++;
            } else {
                alert("lit");
            }

            if (e === 2) {
                count1++;
            } else 
                alert("lit");
        }
        alert(count1);


        document.getElementById('boldStuff2').innerHTML = count1;
    </script>

    <form name="myForm">
        <p>1)&#x00A0;&#x00A0;Who won the 1993 &#x201C;King of the Ring&#x201D;?</p>
        <div>
            <select id="f1" name="drop1">
                <option value="0" selected="selected">-- Select --</option>
                <option value="1">Owen Hart</option>
                <option value="2">Bret Hart</option>
                <option value="3">Edge</option>
                <option value="4">Mabel</option>
            </select>
        </div>
        <!--que1-->
        <p>2)&#x00A0;&#x00A0;What NHL goaltender has the most career wins?</p>
        <div>
            <select id="f2" name="drop2">
                <option value="0" selected="selected">-- Select --</option>
                <option value="1">Grant Fuhr</option>
                <option value="2">Patrick Roy</option>
                <option value="3">Chris Osgood</option>
                <option value="4">Mike Vernon</option>
            </select>
        </div>
        <!--que2-->
        <p>3)&#x00A0;&#x00A0;What Major League Baseball player holds the record for
            all-time career high batting average?</p>
        <div>
            <select id="f3" name="drop3">
                <option value="0" selected="selected">-- Select --</option>
                <option value="1">Ty Cobb</option>
                <option value="2">Larry Walker</option>
                <option value="3">Jeff Bagwell</option>
                <option value="4">Frank Thomas</option>
            </select>
        </div>
        <!--que3-->
        <p>4)&#x00A0;&#x00A0;Who among the following is NOT associated with billiards
            in India?</p>
        <div>
            <select id="f4" name="drop4">
                <option value="0" selected="selected">-- Select --</option>
                <option value="1">Subash Agrawal</option>
                <option value="2">Ashok Shandilya</option>
                <option value="3">Manoj Kothari</option>
                <option value="4">Mihir Sen</option>
            </select>
        </div>
        <!--que4-->
        <p>5)&#x00A0;&#x00A0;Which cricketer died on the field in Bangladesh while
            playing for Abahani Club?</p>
        <div>
            <select id="f5" name="drop5">
                <option value="0" selected="selected">-- Select --</option>
                <option value="1">Subhash Gupte</option>
                <option value="2">M.L.Jaisimha</option>
                <option value="3">Lala Amarnath</option>
                <option value="4">Raman Lamba</option>
            </select>
        </div>
        <!--que5--> <a href="#services" class="page_nav_btn next"><input type='button' onclick='changeText2()' value='NEXT'/></a>

    </form>
</div>
<div id="section2"></div>...
<div id="results">
    <b id='boldStuff2'>fff ggg</b> 
</div>

函数changeText2（）{
警惕（“工作”）；
var count1=0；
var a=document.forms[“myForm”][“drop1”].value；
var b=document.forms[“myForm”][“drop2”].value；
警报（document.forms[“myForm”][“drop2”].value）；
var c=document.forms[“myForm”][“drop3”].value；
var d=document.forms[“myForm”][“drop4”].value；
var e=document.forms[“myForm”][“drop5”].值；
var f=document.forms[“myForm”][“drop6”].value；
如果（a==2）{
count1++；
警报（count1）；
}否则{
警报（“点亮”）；
}
如果（b==2）{
count1++；
}否则{
警报（“点亮”）；
}
如果（c==2）{
count1++；
}否则{
警报（“点亮”）；
}
如果（d==2）{
count1++；
}否则{
警报（“点亮”）；
}
如果（e==2）{
count1++；
}否则
警报（“点亮”）；
}
警报（count1）；
document.getElementById（'boldStuff2'）。innerHTML=count1；
1） 和#x00A0 ；谁赢得了1993“；魔戒之王

--挑选--
欧文·哈特
布雷特·哈特
边缘
梅布尔
2） 和#x00A0 ；哪个NHL守门员职业生涯获胜最多

--挑选--
格兰特富尔酒店
罗伊
克瑞斯·奥斯古德
麦克·弗农
3） 和#x00A0 ；哪个美国职业棒球大联盟的球员保持着这项纪录
职业生涯最高打击率

--挑选--
柯布
拉里·沃克
巴格瓦
弗兰克·托马斯
4） 和#x00A0 ；以下哪些人与台球无关
在印度

--挑选--
亚帕什阿格拉瓦尔
Ashok Shandilya
科塔里庄园酒店
米希尔·森
5） 和#x00A0 ；哪位板球运动员在孟加拉国的比赛中死亡
为阿巴哈尼俱乐部踢球

--挑选--
Subhash Gupte
M.L.Jaisimha
拉阿马纳特酒店
拉曼兰巴
...
fff ggg

需要在最后一个div中显示每个部分的结果，如脚本所示…

---

第一部分的js不起作用，请帮助我，我哪里出了问题……

你的问题似乎是括号放错地方了

您过早地结束了函数，“innerHTML”内容超出了您的函数范围。我建议您使用适当的代码缩进，以便在前面看到这些错误

将代码更改为：

<script type="text/javascript">
    function changeText2() {
        alert("working");
        var count1 = 0;
        var a = document.forms["myForm"]["drop1"].value;

        var b = document.forms["myForm"]["drop2"].value;
        alert(document.forms["myForm"]["drop2"].value);

        var c = document.forms["myForm"]["drop3"].value;
        var d = document.forms["myForm"]["drop4"].value;
        var e = document.forms["myForm"]["drop5"].value;
        var f = document.forms["myForm"]["drop6"].value;

        if (a == 2) {
            count1++;
            alert(count1);
        } else {
            alert("lit");
        }

        if (b == 2) {
            count1++;
        } else {
            alert("lit");
        }

        if (c == 2) {
            count1++;
        } else {
            alert("lit");
        }

        if (d == 2) {
            count1++;
        } else {
            alert("lit");
        }

        if (e == 2) {
            count1++;
        } else 
            alert("lit");

        alert(count1);

        document.getElementById('boldStuff2').innerHTML = count1;
    }
</script>

函数changeText2（）{
警惕（“工作”）；
var count1=0；
var a=document.forms[“myForm”][“drop1”].value；
var b=document.forms[“myForm”][“drop2”].value；
警报（document.forms[“myForm”][“drop2”].value）；
var c=document.forms[“myForm”][“drop3”].value；
var d=document.forms[“myForm”][“drop4”].value；
var e=document.forms[“myForm”][“drop5”].值；
var f=document.forms[“myForm”][“drop6”].value；
如果（a==2）{
count1++；
警报（count1）；
}否则{
警报（“点亮”）；
}
如果（b==2）{
count1++；
}否则{
警报（“点亮”）；
}
如果（c==2）{
count1++；
}否则{
警报（“点亮”）；
}
如果（d==2）{
count1++；
}否则{
警报（“点亮”）；
}
如果（e==2）{
count1++；
}否则
警报（“点亮”）；
警报（count1）；
document.getElementById（'boldStuff2'）。innerHTML=count1；
}

编辑：您还需要使用

=

而不是

==

=

还比较操作数的类型，即

选项的“string”值和文本的int值。
您也可以使用
==
，但您需要将选项值与字符串文字进行比较，而不是与数字进行比较
e===“2”
而不是
e===2

编辑了上面的代码。现在好像有用了。

底部的更新提示和调试的新代码

你似乎还没有完全掌握jQuery，我也不确定你的JavaScript最后应该做什么，因为它显然还没有完成，但我冒昧地用jQuery的完整语法和一些注释重写了你的js。我希望这能对你有所帮助

<script type="text/javascript">
    function changeText2() {
        alert("working");
        
        var count1 = 0, //  just fyi, you could get all the following much easier if you used IDs instead, for instance:
            a = $('form[name="myForm"]').find('select[name=drop1]').val(),  //  $("#myForm") would retrieve <form id="myForm" ...
            b = $('form[name="myForm"]').find('select[name=drop2]').val(),
            c = $('form[name="myForm"]').find('select[name=drop3]').val(),
            d = $('form[name="myForm"]').find('select[name=drop4]').val(),
            e = $('form[name="myForm"]').find('select[name=drop5]').val(),
            f = $('form[name="myForm"]').find('select[name=drop6]').val();
        
        //  First error test here
        console.log(a, b, c, d, e, f);  //  also, you dont have to use alert to test things, try opening your browsers console
        
        //  really not sure what you had going with all the if statements, but they all produce the same result, well, here ...
        (a == 2 || b == 2 || c == 2 || d == 2 || e == 2 || f == 2) ? count1++ : alert("lit");
            
        //  Final Test in console what just happened
        console.log("A-F Equaled 2: ", (a == 2 || b == 2 || c == 2 || d == 2 || e == 2 || f == 2));
        console.log("count1: ", count1);

        
        alert(count1);
        
        $("#boldStuff2").text(count1);
    };
    
    //  The previous is just a function and not applied to anything
    //  which i noticed in your code may be a large part of your problem
    //  The following is the "document.ready function (if you're using a newer jQuery version you can shorten it, but thats another lesson)
    //  This tells the html, when the page loads, attempt this
    $(document).ready(function() {
        //  the following grabs the element named "myForms" and tells it, onSubmit, do what's inside
        $('form[name="myForm"]').submit(function(e) {
            e.preventDefault(); //  this command stops the form from submitting under normal browser rules
            changeText2();  //   this calls our predefined function
        });
    })
</script>


函数changeText2（）{
警惕（“工作”）；
var count1=0，//仅供参考，如果改用IDs，您可以更轻松地实现以下所有功能，例如：
a=$（'form[name=“myForm”]'）。查找（'select[name=drop1]'）。val（），//$（“#myForm”）如果你使用jQuery，你会检索到很多错误。：p感谢回复，它工作正常，但是计数1没有增加。请你给代码增加真实情况下的计数……如果有a、b、c、d、e或f==INT 2，代码将增加计数1。如果它没有增加，那是因为a、b、c、d、e或f从不增加
<input type='button' onclick='changeText2()' value='NEXT'/>

<input type="submit" value="NEXT">