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

今天写代码遇到一个问题，在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标签是有id属性的，如

则用下述方法获取当前选项的值：

var v = xxvalue;

或

var v = documentgetElementById("xx")value; //此方法兼容性好

如果select标签是有name属性的，如

则用下述方法获取当前选项的值：

var v = form1xxvalue;

或

var v = documentgetElementsByName("xx")[0]value;

如果同一页面含有多个name属性相同的标签，则上述[0]中的数字要改为相应的物理顺序号（从0起算）

如果select标签不含有任何可供定位的属性，如

则用下述方法获取当前选项的值：

var v = documentgetElementsByTagName("select")[0]value;

如果同一页面含有多个select标签，则上述[0]中的数字要改为相应的物理顺序号（从0起算）

可以使用：jQuery 属性 *** 作 - attr() 方法

attr() 方法的定义和用法

attr() 方法设置或返回被选元素的属性值。

根据该方法不同的参数，其工作方式也有所差异。

使用attr() 方法返回属性值

语法：$(selector)attr(attribute)。attribute

规定要获取其值的属性。

使用attr() 方法设置属性/值

语法$(selector)attr(attribute,value)。attribute规定属性的名称，value 规定属性的值。

实例

// 改变图像的 width 属性：

$("button")click(function(){ $("img")attr("width","180");});

//获取select标签自定义属性 data-val的值

$("select")eq(0)attr("data-val")

jquery 获取select多选下拉框所有选项的值可以如下实现

var all = "";

$("select option")each(function() {

all += $(this)attr("value")+" ";

});

而值获取被选中的值可用如下代码实现

$("select")val();

下面给出实例代码：

创建Html元素：一个多选列表和一个按钮

<option value="1">萝卜，我的value是1</option>

<option value="2">青菜，我的value是2</option>

<option value="3">小葱，我的value是3</option>

<option value="4">豆腐，我的value是4</option>

</select>

简单设置一下css样式

select{width:200px;height:150px;padding:10px;border:4px dashed #ccc;}

select option{margin:5px;}

input[type='button']{width:200px;height:35px;margin:10px;border:2px dashed #ebbcbe;}

编写jquery代码：实现获取所有值和获取选中值

$(function(){

$("input:button")click(function() {

var all = "";

$("select option")each(function() {

all += $(this)attr("value")+" ";

});

var sel = $("select")val();

alert("多选列表所有的value值:"+all+"，其中被选中的是:"+sel+"。");

});

})

今天也遇到这个问题 jsp里的下拉框的选中值传递给servlet

在servlet中

String select=requestgetParameter("selectName")；得到的是选中的option的value值，那么如果我们把value值等于它的选择项的值得话就可以了比如

</select>

// 获取选中 consolelog($("select")val(),'获取当前选中');

// 默认选中

// 1标签上加 <option value="深圳网站建设" selected>深圳网站建设</option>

// 2DOM *** 作 $("select")val('深圳网站建设')

以上就是关于JSP中如何获取select标签选中的值全部的内容，包括:JSP中如何获取select标签选中的值、JavaScript怎样获取select标签当前选择的值呢、Jquery怎么获取select选中项自定义属性的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/9660178.html

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

发表评论

评论列表（0条）