自动回答问题
开发工具与关键技术: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标签中就是放的文本域了,通过以上代码,我们要实现的效果就完成了。