- <html>
- <head>
- <title>网上书店</title>
- <SCRIPT LANGUAGE="JavaScript">
-
- </SCRIPT>
- </head>
- <body>
- <form name="searchForm" action="" method="post" onClick="fsubmit()">
- <input type="radio" name="rcond" onclick="hideall()">查看所有图书<p>
-
- <input type="radio" name="rcond" onclick="showpre()">精确搜索<p>
- <table id=pre style="DISPLAY: none">
- <tr>
- <td>书名:</td>
- <td><input type="text" name="title"></td>
- </tr>
- <tr>
- <td>作者:</td>
- <td><input type="text" name="author"></td>
- </tr>
- <tr>
- <td>出版社:</td>
- <td><input type="text" name="bookconcern"></td>
- </tr>
- </table><p>
-
- <input type="radio" name="rcond" onclick="showkey()">关键字搜索<p>
- <table id=key style="DISPLAY: none">
- <tr>
- <td>请输入关键字:</td>
- <td><input type="text" name="keyword"></td>
- </tr>
- </table><p>
-
- <input type="reset" value="重新输入">
- <input type="submit" value="搜索">
- </form>
- </body>
- </html>
此页面提供三种不同的查询方式：查看所有图书、精确搜索和关键字走索。
另外，JS脚本代码能够动态显示查询选项。 根据不同的查询选项可以动态显示查询选项
JS中的函数fsubmit()可以来控制不同的查询方式。将参数con传递给servlet。servlet根据不同的con来使用不同的查询方式 。
阅读(1075) | 评论(0) | 转发(0) |
