怎么获取选中的select的值,不是value的值 是显示的值

怎么获取选中的select的值,不是value的值 是显示的值,第1张

获取select选中的 value: $("#ddlregtype ")val();//这样就OK了 获取select 选中的 text :$("#ddlregtype")find("option:selected")text(); 获取select选中的索引: $("#ddlregtype ")get(0)selectedindex;这三个对你以后应该有用的

<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就能获取值的,然后做对应的 *** 作

1、首先输入下方中的代码

var obj = documentgetElementByIdx_x(”testSelect”); //定位id

var index = objselectedIndex; // 选中索引

2、然后继续输入下方中的代码:

var text = objoptions[index]text; // 选中文本

var value = objoptions[index]value; // 选中值

3、最后运行了就可以获取到select的option值了,效果图:

今天写代码遇到一个问题,在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运行界面:

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:indexhtml,编写问题基础代码,选中选项2。

2、在indexhtml中的<script>标签,输入js代码:

var value = $('#myselect')val();

var text = $('#myselect')find("option:selected")text();

$('body')append('value=' + value + ',text=' + text);

3、浏览器运行indexhtml页面,此时成功获得到选中的选项的值和文本并打印了出来。

有时候我们需要在一个select中传递两个有关联但不同的值,比如你的这个情况。这时候要利用到option的另一个不常用属性name,用name来存储第二个值,然后在onchange事件中分别用thisoptions[thisselectedindex]name来调用这个值。

全12333

全12321

全123123

在你的程序里,把

之间的内容作为name属性写出来,然后定义一个隐藏的input——optt,再定义好onchange事件,就可以同时获取到value和name两个值了。

jQuery获取Select元素,并设置的 Text和Value:

$("#select_id ")get(0)selectedIndex=1; //设置Select索引值为1的项选中

$("#select_id ")val(4); // 设置Select的Value值为4的项选中

$("#select_id option[text='jQuery']")attr("selected", true); //设置Select的Text值为jQuery的项选中

jQuery添加/删除Select元素的Option项:

$("#select_id")append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)

$("#select_id")prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)

$("#select_id option:last")remove(); //删除Select中索引值最大Option(最后一个)

$("#select_id option[index='0']")remove(); //删除Select中索引值为0的Option(第一个)

$("#select_id option[value='3']")remove(); //删除Select中Value='3'的Option

$("#select_id option[text='4']")remove(); //删除Select中Text='4'的Option

三级分类 <select name="thirdLevel" id="thirdLevel"

onchange="getFourthLevel()">

<option value="0" id="thirdOption">

请选择三级分类

</option>

</select>

</div>

四级分类:

<select name="fourthLevelId" id="fourthLevelId">

<option value="0" id="fourthOption">

请选择四级分类

</option>

</select>

</div>

if($("#thirdLevel")val()!=0){

$("#thirdLevel option[value!=0]")remove();

}

if($("#fourthLevelId")val()!=0){

$("#fourthLevelId option[value!=0]")remove();

}//这个表示:假如希望当选择选择第三类时:如果第四类中有数据则删除,如果没有数据第四类的商品中的为默认值。

获取Select :

获取select 选中的 text :

$("#ddlRegType")find("option:selected")text();

获取select选中的 value:

$("#ddlRegType ")val();

获取select选中的索引:

$("#ddlRegType ")get(0)selectedIndex;

设置select:

设置select 选中的索引:

$("#ddlRegType ")get(0)selectedIndex=index;//index为索引值

以上就是关于怎么获取选中的select的值,不是value的值 是显示的值全部的内容,包括:怎么获取选中的select的值,不是value的值 是显示的值、jquery怎么获取一组select的值、js如何获取到select的option值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存