如何在html中点击一个按钮,就能根据select下拉列表中的当前值访问数据库?

如何在html中点击一个按钮,就能根据select下拉列表中的当前值访问数据库?,第1张

首先在这个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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/6704553.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-27
下一篇 2023-03-27

发表评论

登录后才能评论

评论列表(0条)

保存