如何获取select的option的value值

那么这个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的位置（即交换值（名称））。

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

1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery。

2、在indexhtml中的<script>标签，输入jquery代码：

$('select option')each(function (i) {

if ($(this)attr('selected')) {

$('body')append(i);

}

});

3、浏览器运行indexhtml页面，此时用jquery获取到了option的索引值被打印了出来。

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();

如果select标签是有id属性的，如

<select id=xx>

则用下述方法获取当前选项的值：

var v = xxvalue;

或

var v = documentgetElementById("xx")value; //此方法兼容性好

如果select标签是有name属性的，如

<form name=form1>

<select name=xx>

则用下述方法获取当前选项的值：

var v = form1xxvalue;

或

var v = documentgetElementsByName("xx")[0]value;

如果同一页面含有多个name属性相同的标签，则上述[0]中的数字要改为相应的物理顺序号（从0起算）

如果select标签不含有任何可供定位的属性，如

<select>

则用下述方法获取当前选项的值：

var v = documentgetElementsByTagName("select")[0]value;

如果同一页面含有多个select标签，则上述[0]中的数字要改为相应的物理顺序号（从0起算）

以上就是关于如何获取select的option的value值全部的内容，包括:如何获取select的option的value值、如何用jquery获得option的索引值index、jquery怎么获取select选中的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！