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

Question

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

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

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

  

一

     

B'/ P>      

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 事件中绑定此功能。