<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<%@ taglib uri="/struts-tags" prefix="s"%>

<div id="main">

<div style="margin-top: 20px;"><!-- delete class for dialog -->

<!-- change name & action for dialog, change each control's name (add 'Choice') -->

<form name="choicesearchform" method="post" onsubmit="answerCheckDetermin();" action="choicesearchlist1">

<input type="hidden" name="answerSearch2">

<div class="row">

<div class="input-field col l3 m4 s12">

<i class="material-icons prefix small">info_outline</i>

<input type="text" placeholder="输入题干包含的内容" id="contentSearch" name="contentSearchChoice"

value="<s:property value="contentSearch"/>"

class="validate" style="font-size:large">

<label for="contentSearch">题干内容</label>

</div>

<div class="input-field col l3 m4 s12">

<i class="tiny material-icons prefix ">toc</i>

<input type="text" placeholder="输入选项包含的内容" id="choiceSearch" name="choiceSearchChoice"

value="<s:property value="choiceSearch"/>"

class="validate" style="font-size:large">

<label for="choiceSearch">选项内容</label>

</div>

<div class="input-field col l2 m4 s12">

<i class="material-icons prefix small">spellcheck</i>

<select multiple name="answerSearchChoice" id="answerSearchChoice">

<option value="" disabled selected>选择</option>

<option value="A" <s:if test="answerSearch.contains(\"A\")">selected</s:if>>A</option>

<option value="B" <s:if test="answerSearch.contains(\"B\")">selected</s:if>>B</option>

<option value="C" <s:if test="answerSearch.contains(\"C\")">selected</s:if>>C</option>

<option value="D" <s:if test="answerSearch.contains(\"D\")">selected</s:if>>D</option>

</select>

<label for="answerSearch">答案</label>

</div>

<div class="input-field col l2 m4 s12">

<i class="material-icons prefix small">description</i>

<input type="text" placeholder="输入知识点" id="knowledgeSearch" name="knowledgeSearchChoice"

value="<s:property value="knowledgeSearch"/>"

class="validate" style="font-size:large">

<label for="password">知识点</label>

</div>

<div class="input-field col l2 m4 s12 vertical-align"><!-- change to ajaxSearch for dialog -->

<button class="red darken-4 waves-effect waves-teal btn-flat" type="button" onclick="ajaxSearchChoice()">

<span class="yellow-text text-lighten-1">搜索

<i class="material-icons right">search</i></span>

</button>

</div>

</div>

</form>

<form name="choiceselectform" method="post"><!-- add form for dialog -->

<input type="hidden" name="examName" value="">

<input type="hidden" name="examDetail" value="">

<table class="mytable">

<thead>

<tr>

<th width="50px">序号</th>

<th width="50px">名称</th>

<th>题干</th>

<!-- <th>选项</th> -->

<th width="80px">答案</th>

<th>知识点</th>

</tr>

</thead>

<tbody id="choiceListBody">

<s:iterator value="questionList" status="st" var="item">

<tr

style="background-color:<s:if test="#st.odd">#efefef</s:if><s:else>#ffffff</s:else>">

<td><s:property value="id" /></td>

<td><s:property value="name"/></td>

<td><a class="namelink"

href="<s:url action="choicedetail"><s:param name="qid" value="%{id}"></s:param></s:url>"><s:property

value="content" /></a></td>

<!--

<td>

<table class="mytable">

<tr><td>A. <s:property value="choiceA"/></td></tr>

<tr><td>B. <s:property value="choiceB"/></td></tr>

<tr><td>C. <s:property value="choiceC"/></td></tr>

<tr><td>D. <s:property value="choiceD"/></td></tr>

</table>

</td>

-->

<td><s:property value="answer" /></td>

<td><s:property value="knowledgePoint" /></td>

</tr>

</s:iterator>

</tbody>

</table>

</form>

<!-- 分页控件 -->

<form name="form2" method="post">

<input type="hidden" name="pageIndex" value="<s:property value="pageIndex"/>" />

<s:if test="totalPage gt 1">

<ul class="pagination">

<li <s:if test="pageIndex lt 1">class="disabled"</s:if><s:else>class="waves-effect"</s:else>>

<a href="#!" <s:if test="pageIndex gt 0">onclick="selectPage(<s:property value="pageIndex"/>)"</s:if>>

<i class="material-icons">chevron_left</i></a>

</li>

<s:iterator var="item" begin="1" end="totalPage">

<s:if test="pageIndex==top-1"><li class="active"><a href="#!"><s:property/></a></li></s:if>

<s:else><li class="waves-effect"><a href="#!" onclick="selectPage(<s:property/>)"><s:property/></a></li></s:else>

</s:iterator>

<li <s:if test="pageIndex gt (totalPage-2)">class="disabled"</s:if><s:else>class="waves-effect"</s:else>>

<a href="#!" <s:if test="pageIndex lt (totalPage-1)">onclick="selectPage(<s:property value="pageIndex+2"/>)"</s:if>>

<i class="material-icons">chevron_right</i></a>

</li>

</ul>

</s:if>

</form>

</div>

</div>

<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>

<script type="text/javascript" src="js/materialize.min.js"></script>

<script>

$(document).ready(function () {

$('select').material_select();

});

function answerCheckDetermin(){

choicesearchform.answerSearch2.value=$('#answerSearchChoice').val();

}

function selectPage(page){

form2.pageIndex.value=page-1;

form2.action="searchchoice";

form2.submit();

}

function ajaxSearchChoice(){

answerCheckDetermin();

$.post("choicesearchlist1",

{contentSearch:document.forms['choicesearchform'].contentSearchChoice.value,

choiceSearch:document.forms['choicesearchform'].choiceSearchChoice.value,

answerSearch:$('#answerSearchChoice').val()+"",

answerSearch2:$('#answerSearchChoice').val()+"",

knowledgeSearch:document.forms['choicesearchform'].knowledgeSearchChoice.value},

function(data,status){

var showHtml="";

for(var i=0; i<data.length; i++){

showHtml+="<tr style='background:"+(i%2==0?"#efefef":"#ffffff")+";'><td><input type='checkbox' class='with-gap' name='choiceSelect' id='choiceSelect"

+data[i].id+"' value='"+data[i].id+"'><label for='choiceSelect"+data[i].id+"'>"

+data[i].id+"</label></td>";

showHtml+="<td>"+(!data[i].name?'':data[i].name)+"</td>";

showHtml+="<td>"+(!data[i].content?'':data[i].content)+"</td>";

showHtml+="<td>"+(!data[i].answer?'':data[i].answer)+"</td>";

showHtml+="<td>"+(!data[i].knowledgePoint?'':data[i].knowledgePoint)+"</td></tr>";

}

$('#choiceListBody').html(showHtml);

});

}

</script>