<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>
<div data-role="page" id="pageone">
<div data-role="header">
<h1>我学习,我快乐</h1>
<div data-role="navbar">
<ul>
<li><a href="#" class="ui-btn-active ui-state-persist" data-icon="home">首页</a></li>
<li><a href="#pagetwo" data-icon="arrow-r">其他</a></li>
</ul>
</div>
</div>
<div data-role="content">
<form method="post" action="">
<fieldset data-role="fieldcontain">
<label for="title_type">学习项目</label>
<a href="<?php echo url('exam/shenlun',array('title_type'=>$title_type)); ?>><?php echo $title_type;?></a>
<p></p>
<a href="<?php echo url('exam/shenlun',array('title_type'=>'成语')); ?>">成语</a> <p></p>
<a href="<?php echo url('exam/shenlun',array('title_type'=>'成语')); ?>">成语</a> <p></p>
<a href="<?php echo url('exam/shenlun',array('title_type'=>'实词')); ?>">实词</a> <p></p>
<a href="<?php echo url('exam/shenlun',array('title_type'=>'申论')); ?>">申论</a> <p></p>
<!--
<select name="title_type" οnchange="location.href=this.options[this.selectedIndex].value;" id="title_type" data-native-menu="false" cols="80" rows="8" style="width:128px;height:128px;">
<option value="<?php echo $title_type;?>" style="width:128px;height:128px;"><?php echo $title_type;?></option>
<option value="申论" style="width:128px;height:128px;">申论</option>
<option value="成语" style="width:128px;height:128px;">成语</option>
<option value="实词" style="width:128px;height:128px;">实词</option>
</select>
-->
<label for="title">题目:</label>
<label for="title" style="color:red;" id="title"><?php echo $selects->title; ?></label>
<p></p>
<label for="answer">答案:</label>
<input type="text" name="answer" id="answer" style="width:728px;height:68px;">
<input type="hidden" name="answer1" id="answer1" value="<?php echo $selects->answer;?>" style="width:728px;height:68px;">
</fieldset>
<div align="center"> <input id="button1" οnclick="tijiao()" type="button" data-inline="true" value="提交"> <input type="button" οnclick="tijiao2()" data-inline="true" value="继续"> </div>
</div>
<script>
function xuanze()
{
alert(3);
}
function tijiao()
{
var answer = $('#answer').val().replace(/(^\s*)|(\s*$)/g, "");
var answer1 = $('#answer1').val().replace(/(^\s*)|(\s*$)/g, "");
if(answer ==answer1)
{
$('#answer').val('你的答案是:'+answer+'。-------------回答正确;');
}else{
$('#answer').val('你的答案是:'+answer+'。-------------回答错误-------------正确答案应为:'+answer1);
}
}
function tijiao2()
{
location.reload();
}
</script>
<div data-role="footer">
<h1>power by wanyh 2018-2020</h1>
</div>
</div>
<div data-role="page" id="pagetwo">
<div data-role="header">
<h1>欢迎来到我的主页</h1>
<div data-role="navbar">
<ul>
<li><a href="#pageone" data-icon="home">首页</a></li>
<li><a href="#" class="ui-btn-active ui-state-persist" data-icon="arrow-r">页面二</a></li>
</ul>
</div>
</div>
<div data-role="content">
<p>该页面的按钮也会被突出显示,归功于 ui-btn-active 类。</p>
<p>如果返回首页,您会发现页面将保持状态,归功于 ui-state-persist 类。</p>
</div>
<div data-role="footer">
<h1>power by wanyh 2018-2020</h1>
</div>
</div>
</body>
</html>