Question

我正在尝试在单击开始按钮后显示用户从选项标签中选择的内容它应显示为“您已选择5个数字后续问题，每个问题之间有3秒”。我该怎么做？我不认为我应该把句子放在displayInputVariables的div标签中，因为它是jQuery而且还没有定义。 JavaScript从上到下阅读。

提前谢谢你。我很感激。

<div id="container">

    <select id="numFollowUp" name="numFollowUp" style=display:none>
            <option value="">Number of extra follow-up questions</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
        </select>
    <br>
    <br>
    <select id="secFollowUp" name="secFollowUp" style=display:none>
            <option value="">Second between each question</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
            <option value="13">13</option>
            <option value="14">14</option>
            <option value="15">15</option>
    </select>
</div>
<br>
<button id="subBut" style=display:none onClick="">Start!!</button>

<div id="audioControl">
    <button id="play" style=display:none>Play!!</button>
    <button id="pause" style=display:none onClick="">Pause!!</button>
    <button id="restart" style=display:none onClick="">Restart!!</button>
    <br>
    <br>
    <div id="counDownTimer" style=display:none></div>
    <div id="displayInputVariables" style=display:none></div>
</div>
<script>
    $("#ImageEnterVariables").on("click", function() {
        $('#ImageEnterVariables').hide();
        $("#numFollowUp").show();
        $("#secFollowUp").show();
        $("#subBut").show();
        $("#pause").hide();

    });


     $(document).ready(function() {

        //start button
        $("#subBut").on("click", function() {
            $("#numFollowUp").hide();
            $("#secFollowUp").hide();
            $("#subBut").hide();
            $("#play").show();
            $("#pause").show();
            $("#restart").show();
            $("#counDownTimer").show();
            $("#displayInputVariables").show();
        });
</script>

Answer 1

试试这个;

$(document).ready(function() {

        //start button
        $("#subBut").on("click", function() {
            $("#numFollowUp").hide();
            $("#secFollowUp").hide();
            $("#subBut").hide();
            $("#play").show();
            $("#pause").show();
            $("#restart").show();
            $("#counDownTimer").show();
            $("#displayInputVariables").show();

document.write("You have selected" + $("#numFollowUp option:selected").text() + " " + $("#numFollowUpoption[value='']").text() + " with " + $("#secFollowUp option:selected").text() + " " +$("#secFollowUp option[value='']").text());
        });
});

//输出应为：“您已选择5个后续问题，每个问题间隔3秒”（基于所选值）

// document.write（）将一些文本直接写入HTML文档。

//根据您的要求，您可以在某个div和段落

中获得输出

Answer 2

我只是想通了。在$（＆＃34;＃displayInputVariables＆＃34;）之后我通过获取Id来做innerHTML。show（）;谢谢。

如何在点击事件后显示用户对选项标签的选择？

2 个答案: