jquery 获取 多个select 的值

jquery 获取 多个select 的值,第1张

应该这样:$("#s option:selected")text(); //获取选中的option的文本值

获取select中option的被选中的value值: $("#s")val();

$("#s option:selected")val();

js获取select选中的值:

var sel=documentgetElementById("select1");

var index = selselectedIndex; // 选中索引

albumid= seloptions[index]value;//要的值

<s:checkbox fieldValue="%{#scid}" name="selectname" id="user_id"/>

取个名字,例如selectname,下面是获取选中的值

jquery:

Java codevar items = $("input:checkbox[@name=selectname]");

var length = itemssize();

for(i = 0;i < length;i++)

{

if(!itemseq(i)attr("checked"))

alert(itemseq(i)val());//这里就取到对应部门的id了

}

servlet直接处理:可以直接使用一个request的一个方法,获取多选框的值,然后进行处理

action中:可以private String[] selecteNames;set/get就能获取值的,然后做对应的 *** 作

var $selects = $("select");

var arr = [];//存放值为-1的select数组

for(var i=0;i<$selectslength;i++){

var $select = $selectseq(i);

if($selectval() == -1){

arrpush(i);

}

}

基本思路:遍历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);

});

});

在HTML中,select控件的值等于其当前选中的option的值,所以:

$("select")val(); // 可以获取select当前的值

如果想获取当前select下option的所有的值,则:

var selValue = []; // 定义一个空数组用于接收select下option所有的值

var options = $("select")find("option"); // select下所有的option

for (var i=0; i<optionslength; i++) {

selValuepush(optionseq(i)val()); // 将所有的值赋给数组

}

以上就是关于jquery 获取 多个select 的值全部的内容,包括:jquery 获取 多个select 的值、jquery怎么获取一组select的值、jquery 获取页面所有下拉列表等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9345247.html

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

发表评论

登录后才能评论

评论列表(0条)

保存