在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 动态的从数据库中获取值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)