
在js中通过var v=decumentgetElementById("id名")value;获得值;
运用jQuery的话就是这个了$("#下拉框id")val() ;
在sevlet里就通过requestgetParameter("控件名称");取值;
这个可以取text,password,radio,select的值;返回字符串
requestgetParameterValue()这个方法可获得CheckBox和多个同名表单控件的值,返回一个数组。
val()函数获取select的属性。语法:
$(selector)val(value)
val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。如果该方法未设置参数,则返回被选元素的当前值。
一、创建一个select元素:
二、创建如下获取属性函数:
三、结果获取:
扩展资料:
通过 val() 方法从 textarea 元素中取得的值是不含有回车(\r)字符的。但是如果该值是通过 XHR 传递给服务器的,回车(\r)字符会被保留(或者是被浏览器添加的,但是在原始数据中并不包含回车(\r))。可以使用下面的 valHook 方法解决这个问题:
参考资料:
参考如下代码
$("select")val(); // 选中项目的value值
$("select option:checked")text(); // 选中项目的显示值
示例如下:
创建Html元素
请选择:
<select id="sel">
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
<option value="4">选项4</option>
</select>
<input type="button" value="被选项目">
编写jquery代码
$(function(){
$("input")click(function() {
a = $("#sel")val();
b = $("#sel option:checked")text();
alert("被选项目的值:"+a+",被选项目的显示值:"+b+"。");
});
})
显示效果
第一步,创建静态页面selecthtml,引入select2相关的css和js文件,并引入jQuery核心js,如下图所示:
第二步,在body标签内插入select元素,设置属性multiple和class,宽度为300px,如下图所示:
第三步,初始化select2插件,需要调用select2()方法,如下图所示:
第四步,为了演示获取下拉框值,这里利用button按钮点击事件,在select下方插入一个button按钮,如下图所示:
5
第五步,编写按钮点击事件,事件里获取多选下拉框值和文本内容,如下图所示:
6
第六步,在浏览器中进行预览,点击“取值”按钮,会看到打印下拉框选择的值和文字,如下图所示:
js、ajax实现
<seelect id="one"></select><!--第一个下拉框--><seelect id="two"></select><!--第二个下拉框-->
<script>
$(function(){
$('#one')on('chenge', function(){
var val = $(this)val();
$get('查找第二个下拉框的方法', {'val' : val}, function(arr){
var text = '<option>请选择<option>';
// 返回一个带有第二个下拉框的json串
$each(arr, function(i ,o){
text += '<option value="' + ovalue + '">' + otitle + '<option>';
})
$('#two')empty()append(text);
})
})
})
</script>
jsp获取下拉列表的值并显示:
参考例子:
<%@ 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%>">
<title>My 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>
<%
//取得提交的数字,并显示
String n = (String) requestgetParameter("number");
outprint("选的值是:" + n);
%>
</html>
运行效果:
以上就是关于java中怎么获得下拉框选中的值全部的内容,包括:java中怎么获得下拉框选中的值、jquery 怎样获取select多选下拉框所有选项的值、jquery怎么获取下拉框所有的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)