javascript - 如何使用 javascript 在 mcq 中添加选项

Question

我正在尝试创建能够创建 mcq 的程序。下面是我的代码

<p>how many mcq choice you need?</p>
<input type="text" id="question"></input>

现在我尝试使用 javascript 从文本框中检索输入。如果输入为4，就会出现

一个

b

C

d

我需要完成此操作的 javascript 看起来如何？

Answer 1

尝试这个

<script type="text/javascript">

    function CreateMCQ(){
           document.getElementById('option').innerHTML = "";
           var input = document.getElementById('question').value ;
           for(var i = 0;i<input;i++){
               document.getElementById('option').innerHTML += "<input type='radio'>"+"option "+(i+1)+"<br/> ";
           }
       }
  </script>

html

    <p>how many mcq choice you need?</p>
    <input type="text" id="question"></input>
    <input type="submit" value="Create" onclick="CreateMCQ();" />
    <div id="option"></div>

Answer 2

像这样试试

function check () {
    if (document.getElementById('question').value == 4)  {
    document.getElementsByTagName('p')[0].innerHTML += "a </br> b </br> c </br> d </br>"
    }
}

onchange在事件中绑定这个函数。