自动回答问题

自动回答问题

开发工具与关键技术：VS2015、JS
作者：易金亮
撰写时间：2019.06.07

下面我来说一个神奇的东西，它可以自动回答问题，那究竟是怎么一回事呢？首先我们先来看一下它的效果图：

如上截图所示，图中分别是一个选择下拉框和一个文本域，那它是怎么自动回答问题呢？那就是当我们选择问题时，它会在文本域中自动显示答案，其效果如下截图所示：

如上截图所示：当我们选择问题“你多大了？”时它会自动显示答案“不小了，但是就不告诉你”，这是不是很神奇，那么这个效果是怎么实现的呢？其实很简单，我们只需要在项目中区域加入如下代码就可以实现了：

<form name="form1">
        <table border="0">
            <tr>
                <td>
                    <script language="JavaScript">
                        function showAnswer(whatForm){
                        if(document.forms[whatForm].question.value=="none"){
                        document.forms[whatForm].answer.value="^请选择一个问题：^"
                        }else{
                   document.forms[whatForm].answer.value=document.forms[whatForm].question.value
                        }}
                    </script>
                    <b>问题:</b>
                </td>
                <td valign="top">
                    <select name="question" size="1" onchange="showAnswer('form1')">
                        <option value="">请选择一个问题 </option>
                        <option value="你猜٩(๑❛ᴗ❛๑)۶">你最喜欢的颜色是什么？</option>
                        <option value="相亲๑乛◡乛๑">今天老师干嘛去了？</option>
                        <option value="不小了，但是就不告诉你">你多大了？</option>
                        <option value="卡在了奇怪的地方">这道题为什么做不出来？</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td align="right" valign=top>
                <b>回答:</b> 
                </td>
                <td><textarea name="answer" rows="8" cols="40" readonly></textarea></td>
            </tr>
        </table>
    </form>

如上代码所示，我们给了一个form表单，里面放了一个table，然后在table里面放了两个tr标签，在第一个tr标签中又放了两个td标签，第一个td标签中给了一个判断语句，第二个td标签中放了一个下拉框，也就是我们可以选择的问题，而第二个tr标签中也放了两个td标签，第一个td标签中放了一个b标签，也就是效果图中的“回答：”，第二个td标签中就是放的文本域了，通过以上代码，我们要实现的效果就完成了。