首先在这个html中的按钮添加单击事件;
其次在事件中写表单提交语句,将select中的值传递给后台;
然后后台接收到数据,通过数据库查询语句进行查询,返回给前台。
例如:
<select multiple="multiple" size="2"><option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
这个很好写的,给你个例子吧:假如查询出的数据保存在student里,你的等级为一个list,(静态,动态自己定),页面就这样<%
int[] list={ 0,1,2,3}
if(list!=null&&list.length!=0){
out.print(" <select id=\"dengji\" name=\"dengji\" onchange=\"javascript:onChangeBox()\">")
for(int i=0i<list.lengthi++){
if(student.getDendji()==list[i]){
out.print("<option value=\""+list[i]+"\" selected>"+"等级"+" "+list[i]+"</option>")
}else{
out.print("<option value=\""+list[i]+"\" >"+"等级"+" "+list[i]+"</option>")
}
}
}
out.print("</select>")
%>
如果只是显示就可以这么写,要做显示修改,还有声明个<input type="hidden" name="dengji" id="dengji" value="<%=student.getDengji%>"/>
然后用js给它重新赋值就可以了,js给帮你写个吧
<script type="text/javascript">
/** 下拉框选择**/
function onChangeBox(){
var dc=document.getElementById("dengji")
var index = dc.selectedIndex
var text = dc.options[index].value
document.all("dengji").value=text
}
</script>
事件在上面加上了,不用可以删掉,够详细了吧
<form id="query_form" method="post" action=""><p><font color="#317eac" size="5" face="微软雅黑">Mail Settings</font></p>
<ul style="list-style-type:square">
<li><p>Overdue bugs Reminder Yes<input type="radio" value="Yes" name="pastDue"/>
No<input type="radio" value="No" name="pastDue" checked="checked"/></p></li>
<li><p>Bugs to Process Reminder Yes<input type="radio" value="Yes" name="aboutOf"/>
//加判断啊
No<input type="radio" value="No" name="aboutOf" checked="checked"/></p></li>
</ul>
<p id="location"><font size="3" face="微软雅黑">Will Overdue Bugs Reminder(Days):</font>
<select name='sldd' style='width:100pxheight: 25px'>
<option value="1" selected="selected">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
</p>
<p id="searchs"><input type="button" value="Confirm" onclick="history_query()"/></p>
</form>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)