JSP中如何获取select标签选中的值

JSP中如何获取select标签选中的值,第1张

在jsp页面中通过form的得到的select标签的值,form提交给自身页面,然后通过requestgetParameter()方法取得值

测试代码如下(文件名为:testselectjsp):

<%@ page language=java import=javautil pageEncoding=GB18030%<%requestsetCharacterEncoding(GB18030);//加上这一句解决的

String path = requestgetContextPath();

String basePath = requestgetScheme() + ://

+ requestgetServerName() + : + requestgetServerPort()

+ path + /;

//存放下来菜单对应值的数组

ArrayList nu = new ArrayList();

nuadd(一);

nuadd(二);

nuadd(三);%<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 401 Transitional//EN<html<head<base href=<%=basePath%

<titleMy JSP 'testselectjsp' starting page</title</head<body通过requestgetParameter(number)方法取得下拉框选取的值

<form method=post action=testselectjsp <!-- 提交给自身 --

<select name=number<%for (int i = 0; i < nusize(); i++) {

outprint(<option + nuget(i) + </option);}%</select

<input type=submit value=提交 name=submit</form</body<%//取得提交的数字,并显示

outprint(选的值是: + n);%</html运行界面:

那么这个select所有option的集合是:var options = documentgetElementByIdx_x_x("select1")options;即可获取既然可以获取到option集合,那每一个option的value就不言而喻了。比如select中第一个选项的value为 var option_value1 = documentgetElementByIdx_x_x("select1")options[0]value;交换两个option的值(和名称)的方式也很简单。比如这个select的有两个option,分别是<option value="1">1</option>和<option value="2">2</option>,现在交换两个option的位置(即交换值(名称))。

用struts标签

<select name="departmentname">

<s:iterator value="#requestlist">

<option value="<s:property value="name"/>">

<s:property value="name"/>

</option>

</s:iterator>

</select>

希望你继续努力,不要放弃。

一:JavaScript原生的方法

1:拿到select对象: var myselect=documentgetElementById(“test”);

2:拿到选中项的索引:var index=myselectselectedIndex ; // selectedIndex代表的是你所选中项的index

3:拿到选中项options的value: myselectoptions[index]value;

4:拿到选中项options的text: myselectoptions[index]text;

二:jQuery方法(前提是已经加载了jquery库)

1:var options=$(“#test option:selected”); //获取选中的项

2:alert(optionsval()); //拿到选中项的值

3:alert(optionstext()); //拿到选中项的文本

$("select option")each(function(index,domOut){

var left = $(domOut)text();

alert(left);

});

以上就是关于JSP中如何获取select标签选中的值全部的内容,包括:JSP中如何获取select标签选中的值、如何获取select的option的value值、select 动态的从数据库中获取值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: https://outofmemory.cn/web/9821867.html

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

发表评论

登录后才能评论

评论列表(0条)

保存