在线考试系统之题型管理

dwz框架学习笔记之（一）

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">	</span><span style="background-color: rgb(255, 255, 255); font-family: SimHei; font-size: 18px;">数据库设计好了，接下来实现系统具体功能，首先，我安排我们一组先做考试设计这个模块，考试设计包括：考场列表，地区设置，科目管理，和题型管理；我对小组进行分工后，我负责科目管理和题型管理，由于科目管理需要使用json数据，我喜欢做事情先从简单入手，我先开始题型管理，题型管理分了主观题和客观题两大类。<img src="https://img-blog.youkuaiyun.com/20141124112316062?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMjE1Nzk5OQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" /></span>

图1 客观题编辑页面

图2 主观题编辑页面

这样我碰到了两个问题：

1.在添加页面和编辑页面，当你点击题型名称的主观题，就不会显示题型分类，点击了题型名称客观题，就需要显示题型分类；

2.在编辑页面，你需要知道它最初是主观题还是客观题，并显示相应的界面，同样也要实现问题1的功能。

如何解决问题1，我们需要获取下拉框的值，通过写一个js方法，获取题型分类里的值后，在对选项分类进行变化，代码如下：

<script>
$('#questSort').change(function(){ 
	var s=$('#questSort').children('option:selected').val();
	if(s==1){
		var d=document.getElementById('q');
		d.style.display="none";
		
	}else{
		var d=document.getElementById('q');
		d.style.display="block";
	}
	
});
</script>

如何解决问题2,首先你需要第一次获取它最初的题型分类，进行判断，代码如下：

<p id="q" ${QuestType.quest_sort eq "1" ? '' : 'style="display:none"'}>
<span style="white-space:pre">	</span><label>选项分类: </label>
	<select name="questChoice">
	<span style="white-space:pre">	</span><option value="1" ${QuestType.quest_choice eq "1" ? 'selected="selected"' : ''}>单选题</option>
		<option value="2" ${QuestType.quest_choice eq "2" ? 'selected="selected"' : ''}>多选题</option>
		<option value="3" ${QuestType.quest_choice eq "3" ? 'selected="selected"' : ''}>不定向题</option>
		<option value="4" ${QuestType.quest_choice eq "4" ? 'selected="selected"' : ''}>判断题</option>
	</select>
</p>

通过这两个方法，就顺利解决了这两个问题。