如何获取select下拉框的值

windowonload = function(){

2

3 //首先获得下拉框的节点对象；

4 var select = documentgetElementById("s1");

5

6 //1如何获得当前选中的值？：

7 var value = selectvalue;

8

9 //2如何获得该下拉框所有的option的节点对象

10 var options = selectoptions;

11 //注意：得到的options是一个对象数组

12

13 //3如何获得第几个option的value值比如我要获取第一option的value,可以这样：

14 var value1 = options[0]value;

15 //4如何获得第几个option的文本内容比如我要获取第一option的文本,可以这样：

16 var text1 = options[0]text;

17

18 //5如何获得当前选中的option的索引？

19 var index = selectselectedIndex;

20

21 //6如何获得当前选中的option的文本内容？

22 //从第2个问题，我们已经获得所有的option的对象数组options了

23 //又从第5个问题，我们获取到了当前选中的option的索引值

24 //所以我们只要同options[index]下标的方法得到当前选中的option了

25 var selectedText = options[index]text;

26 }

<select name=n1 id=n1>

<option value='1'>项目1</option>

<option value='2'>项目2</option>

<option value='3'>项目3</option>

<option value='4'>项目4</option>

<option value='5'>项目5</option>

</select>

<input type="button" value="提交" onclick="abc()" class="button1" style="width:80px;">

<script>

function abc()

{

var sel = documentgetElementById('n1');

for (var i=0;i<sellength;i++)

{

alert(sel(i)text+"的值是"+sel(i)value);

}

}

</script>

手工调试过保证正确给个好评哦

那么这个select所有option的集合是：var options = documentgetElementByIdx_x_x("select1")options;即可获取既然可以获取到option集合，那每一个option的value就不言而喻了。比如select中第一个选项的value为 var option_value1 = documentgetElementByIdx_x_x("select1")options[0]value;交换两个option的值（和名称）的方式也很简单。比如这个select的有两个option，分别是<option value="1">1</option>和<option value="2">2</option>,现在交换两个option的位置（即交换值（名称））。

jquery如何获取一个select里面的所有option的值呢？

<select class="form-control" id='mi_name'> <option>全部</option> <option>os2</option> <option>os2-anthonos</option> <option>os2-apps</option> <option>os2-centralpoint</option> <option>kf5-experimental</option> </select> 就这段里面， 展开

m1036779838 | 浏览 36867 次

推荐于2016-02-06 16:37:46 最佳答案

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

});

});

我也想知道，取到的值，如何调用，我是想验证一下取的值里有没有我要的值，想在SQL语句外加个 if 判断，这个select是在函数里用的，因为没得到相应的结果，不知道是哪儿出的问题，想用if判断一下这个值取到没有，如何处理，谢谢！代码如下(---后面是个判断，不知对否)：

set HyTRs=nothing

set HyTRs=serverCreateObject("adodbrecordset")

sql = "select from HyClub where KeyString like '" & KeyString & "%' and KeyString<>'"&KeyString&"' and IsApproved=true"

HyTRsOpen sql,conn

if HyTRsRecordCount>0 then '如果有此number

Do While Not HyTRseof

ind = len(HyTRs("KeyString")) - len(KeyString)

if ind <= 5 then

user = CFANDPD(HyTRs("HyNumber"))‘－－－－调用一个函数

‘－－－－－－－－－－－－－－－－－－－－－－－－

if HyNumber="CF60016811" then

responsewrite("---------222222--------无痕秋水"&user&"长度差"&ind)

end if

请指教，谢谢！

已经搞定，我写的还是对的：）

楼主可以用我这个方法 HyNumber就是结果集中的，直接用字段名就可以调用！

jQuery是控制和 *** 作select详解。

先看下面的html代码

<select id="test">

<option value="1">选项一<option>

<option value="2">选项一<option>

<option value="n">选项N<option>

</select>

所谓jQuery *** 作“select”, 说的更确切一些是应该是jQuery控制 “option”， 看下面的jQuery代码：

//获取第一个option的值

$('#test option:first')val();

//最后一个option的值

$('#test option:last')val();

//获取第二个option的值

$('#test option:eq(1)')val();

//获取选中的值

$('#test')val();

$('#test option:selected')val();

//设置值为2的option为选中状态

$('#test')attr('value','2');

//设置最后一个option为选中

$('#test option:last')attr('selected','selected');

$("#test")attr('value' , $('#test option:last')val());

$("#test")attr('value' , $('#test option')eq($('#test option')length - 1)val());

//获取select的长度

$('#test option')length;

//添加一个option

$("#test")append("<option value='n+1'>第N+1项</option>");

$("<option value='n+1'>第N+1项</option>")appendTo("#test");

//添除选中项

$('#test option:selected')remove();

//删除项选中(这里删除第一项)

$('#test option:first')remove();、

//指定值被删除

$('#test option')each(function(){

if( $(this)val() == '5'){

$(this)remove();

}

});

$('#test option[value=5]')remove();

//获取第一个Group的标签

$('#test optgroup:eq(0)')attr('label');

//获取第二group下面第一个option的值

$('#test optgroup:eq(1) : option:eq(0)')val();

在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下拉框的值全部的内容，包括:如何获取select下拉框的值、通过js来获取select的全部值、如何获取select的option的value值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！