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

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

今天写代码遇到一个问题,在jsp页面中通过form的得到的select标签的值,form提交给自身页面,然后通过requestgetParameter()方法取得值测试代码如下(文件名为:testselectjsp): My JSP 'testselectjsp' starting page 通过requestgetParameter("number")方法取得下拉框选取的值 运行界面:

基本思路:遍历select下的option,使用val()获取每个option的值,然后加入到一个数组中。根据这个思路,可以使用for循环或者jQuery的each()遍历函数实现。这里提供一个更简洁的代码:

$("option")map(function(){return $(this)val();})get()join(", ")

代码说明:

使用map()函数把每个option的值传递到当前匹配集合,生成包含返回值的对象;

使用 get() 处理返回的对象以得到基础的数组;

使用join()函数组装字符串。

实例演示如下:

1、HTML结构

<select id="test">

<option value="option-1">option-1</option>

<option value="option-2">option-2</option>

<option value="option-3">option-3</option>

</select><br>

<input type="button" value="获取所有option值">

2、jquery代码

$(function(){

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

var str = $("#test option")map(function(){return $(this)val();})get()join(", ")

alert(str);

});

});

3、效果演示

标签select加入id、onChange;

标签input加入id;

加入onChangeSelect() js脚本。

代码如下:

<select id="selectKK" onChange="onChangeSelect();">

<option value="676">青年博览</option>

<option value="667">创业天下</option>

<option value="666">城市天下</option>

</select>

<input type="hidden" id="classID" name="classID" value="" />

<script>

function onChangeSelect(){

documentgetElementById("classID")value=documentgetElementById("selectKK")value;

}

</script>

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

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存