jsp页面下拉框根据获取到的值,选中下拉框的某个选项

jsp页面下拉框根据获取到的值,选中下拉框的某个选项,第1张

<select id="id_1" style="width:150px">

    <option value="">----请选择你的学历----</option>

    <option value="初中">初中</option>

    <option value="高中">高中</option>

    <option value="大专">大专</option>

    <option value="本科">本科</option>

    <option value="研究生">研究生</option>

    <option value="硕士">硕士</option>

    <option value="博士">博士</option>

</select>

<script type="text/javascript">

    function select(index) {

        documentgetElementById("id_1")selectedIndex = index;

    }

</script>

<button type="button" onclick="select(1);">select(初中)</button>

<button type="button" onclick="select(2);">select(高中)</button>

<button type="button" onclick="select(3);">select(大专)</button>

<button type="button" onclick="select(4);">select(本科)</button>

用JS更改下拉列表不难,不过如何根据数据库返回信息调用这个方法,我就不知道了。

下拉框

<select id="sel" onchange="show()">

<option value="xxxx1"></option>

<option value="xxxx2"></option>

<option

</select>

js代码部分:

function show(){

var selValue = documentgetElementById("sel")value;

if(selValue==xxxx1)

windowlocation='xxxx1jsp'

}else if(selValue==xxxx2){

windowlocation="xxxx2jsp";

}

jsp页面上select标签有多个值的话,后台用java接收需要用数组处理。

首先将select框加入 multiple="multiple"属性 然后在提交之前用js让所有要提交的selected

在servlet中用requestgetParameterValues()方法得到数组

代码如下

页面中

<script>

function test(){

var selectedComs = documentgetElementById("selectedComs");

for(var i=0;i<selectedComslength;i++){

selectedComsoptions[i]selected = true;

}

return true;

}

</script>

<form action="提交到的路径" onsubmit="return test()">

<select name="selectedComs" id="selectedComs" size="20" style="width:200px" multiple="multiple">

<input type="submit" value="提交"/>

</form>

servlet中

String[] selectedComs = requestgetParameterValues("selectedComs");

c:forEach items = "{}datas}" var = "data">在标签的里面就可以遍历,。items就相当于集合,然后var就相当于集合里面的单个元素,<span>{data}</span>

这里面用的是jstl表达式

以上就是关于jsp页面下拉框根据获取到的值,选中下拉框的某个选项全部的内容,包括:jsp页面下拉框根据获取到的值,选中下拉框的某个选项、请问如何在jsp中实现在本页面获取下拉框中的值然后根据获取的值来判断不同的值跳转到不同的页面、JAVA如何接收JSP页面的下拉框等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9611744.html

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

发表评论

登录后才能评论

评论列表(0条)

保存