Question

懂WEB开发，JSP的进(关于onChange)

<tr>
<td><input name="bookid" type="text"/>
<input type="submit" value="查询"/>
<input type="reset" value="重置"/>
</td>
</tr>

<tr>
<td><span class="STYLE1">请选择查询类型</span>
<select name="selecttype">
<option selected >条码号</option>
<option >图书名</option>
<option >图书类别</option>
<option >作者</option>
<option >出版社</option>
<option >语种类别</option>
<option >入藏日期</option>
<option >状态</option>
</select>
td>
</tr>

这是我做的一个图书系统的部分代码，我想让我选中的选项在第二行的文本框里显示出相关的提示，然后点一下文本框自动删除提示。
例如：我选中“入藏日期”这一项，文本框就自动写下“请输入入藏日期，例如：2007-05-01”，点一下文本框就清空这条信息，请问怎么才能实现这项功能？在线等。。。

Answer 1

<script language="javascript">
function changeSelect()
{
bookid.value="请输入"+selecttype.value;
}
</script>
<table border="0">
<tr>
<td><input name="bookid" type="text" onfocus="if(this.value=='请输入'+selecttype.value)this.value='';" onblur="if(this.value=='')this.value='请输入'+selecttype.value;">
<input type="submit" value="查询"/>
<input type="reset" value="重置"/>
</td>
</tr>

<tr>
<td><span class="STYLE1">请选择查询类型</span>
<select name="selecttype" onchange="changeSelect()">
<option selected value="条码号">条码号</option>
<option value="图书名">图书名</option>
<option value="图书类别">图书类别</option>
<option value="作者">作者</option>
<option value="出版社">出版社</option>
<option value="语种类别">语种类别</option>
<option value="入藏日期">入藏日期</option>
<option value="状态">状态</option>
</select>
</td>
</tr>
</table>