在javascript的html文本框中显示值

Question

在我的代码中，我有三个单选按钮，如果用户选择一个单选按钮，然后单击“提交”按钮（name =“ generateQuestion”），它应根据用户的选择在文本框（name =“ quest”）中显示一些文本。 我的问题是，我从javascript中获得了一些价值，但它出现在html文本框中并立即消失。 似乎在单击“提交”按钮时，调用了javascript函数，并且更新了文本框值，但是随着页面被重新加载，该值消失了，文本框再次将其保留为默认值。 我需要将值保留在文本框中。 我已经检查了IE，FF和chrome的问题，并得到了相同的结果。 如果需要在代码中添加一些内容，请告诉我。 现在，我还没有编写JS函数的逻辑供用户选择，而只是需要从javascript设置html文本框值，并且在单击“提交”按钮后，该值应保留在文本框中。

HTML

        <form id="mathForm" name="mathForm" action="" method="post">
                        Step 1: Do you want to Add, Substract or Multiply?<br>
                        <input type="radio" id = "add" name="mathQ" value="addition">Answer a question on Addition<br>
                        <input type="radio" id = "subt" name="mathQ" value="subtraction">Answer a question on subtraction<br>
                        <input type="radio" id = "mul" name="mathQ" value="multiplication">Answer a question on multiplication<br>
                        <input type="submit" onclick="setQuestion()" id = "genQues" name="generateQuestion" value="          Step 2:Generate Question Item!          "><br><br>
                        Here's your Question:<br>
                        <input type="text" id="quest" name="quest" size="45"><br><br>
                        Step 3:Type your answer here:<br>
                        <input type="text" name="answer" size="45"><br><br>
                        <input type="submit" name="checkAnswer" value="          Step 4:See if you are right!          "><br><br>
        </form>

Java脚本

        var radioVal;

        function setQuestion()
        {
        var radios = document.getElementsByName('mathQ');

        for (var i = 0, length = radios.length; i < length; i++) 
        {
            if (radios[i].checked) 
            {
                radioVal = radios[i].value;
                break;
            }
        }

        var num1 = (Math.random()*10^17)%19;
        var num2 = (Math.random()*10^17)%19;

        var txt = 'some text';
        var tbox = document.getElementById('quest');
        tbox.value = txt;

        }

Answer 1

在页面重新加载（ctrl + f5）时，文本框设置为已在html中设置的默认值。 如果您还想在页面刷新后将新值保留在文本框中。 我建议您使用Cookie。

http://www.w3schools.com/js/js_cookies.asp

Answer 2

更新的演示

在这里检查

你想要这样的东西吗？ 它会在“这是您的问题：”文本框中反映您的结果，我已经更改了值”

function setQuestion()
 {            
    var radios = document.querySelector('input[name="mathQ"]:checked').value;

    var num1 = (Math.random()*10^17)%19;
    var num2 = (Math.random()*10^17)%19;

    var txt = num1 + radios + num2;
    var tbox = document.getElementById('quest');
    tbox.value = txt;

  }