Question

我是编码的新手，但我需要你的帮助。我需要创建一个允许用户键入问题的表单，例如=我应该买一辆新车吗？然后在一个新的盒子里，他们会列出五个解决方案来解决他们的问题（1.节省更多，2。等待，3。发送，4。获得当前的汽车固定5.购买二手车。然后一旦他们这样做，他们按下提交和随机选项消失了。这可能来自Java脚本吗？正确的语法是什么？提前感谢您的帮助，如果它令人困惑，我会尽力澄清，如果需要的话。

Answer 1

请查看以下示例。希望它会对你有所帮助：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript">
function showOptionBox()
{
    document.getElementById("optionBox").style.display="";
}
function showRandomAnswer()
{
    //alert(Math.floor(Math.random() * (5)) + 1);
    var randomOption=Math.floor(Math.random() * (5)) + 1;
    for(var i=1;i<=5;i++)
    {
        if(randomOption != i)
        {
            document.getElementById("opt"+i).style.display="none";
        }
    }
}
</script>
</head>
<body>
    <fieldset><legend>Enter your question:</legend>
        Question:<input type="text" id="question" /><br>
        <input type="button" onclick="showOptionBox();" value="Submit Question">
    </fieldset>

    <div id="optionBox" style="display: none">
        <fieldset><legend>Enter your options:</legend>
        <div id="opt1">Option 1:<input type="text"/></div><br>
        <div id="opt2">Option 2:<input type="text"/></div><br>
        <div id="opt3">Option 3:<input type="text"/></div><br>
        <div id="opt4">Option 4:<input type="text"/></div><br>
        <div id="opt5">Option 5:<input type="text"/></div><br>
        <input type="button" onclick="showRandomAnswer();" value="Show Random Answer"/>
    </fieldset>
    </div>
</body>
</html>

如何在Javascript中创建用户文本输入和输出

1 个答案: