用js获取select的多个选项值_框架

下面通过两种方式使用js来进行获取select

具体代码如下:

var

obj = documentgetElementByIdx_x(”testSelect”);

定位idvar index =

objselectedIndex;

选中索引var text = objoptions[index]text;

选中文本var

value = objoptions[index]value;

选中值jQuery中获得选中select值第一种方式$('#testSelect

option:selected')text();

选中的文本$('#testSelect option:selected')

val();

选中的值$("#testSelect ")get(0)selectedIndex;

索引

第二种方式$("#tesetSelect")find("option:selected")text();//选中的文

本……val();……get(0)selectedIndex;

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

$("select")val();

可以获取select当前的值如果想获取当前select下option的所有的值，则：

var

selValue

[];

定义一个空数组用于接收select下option所有的值var

options

<!doctype html>

<html>

<head>

<title>select</title>

<!--直接用each循环，出来所有的select，就可以，再直接得到值就可以了，深圳网站建设:=">

方法：获取多选下拉框对象数组→循环判断option选项的selected属性（true为选中，false为未选中）→使用value属性取出选中项的值。实例演示如下：

1、HTML结构

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

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

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

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

</select>

2、javascript代码

function fun(){

var select = documentgetElementById("test");

var str = [];

for(i=0;i<selectlength;i++){

if(selectoptions[i]selected){

strpush(select[i]value);

}

alert(str);

}

3、效果演示

假设一个select的id="select1"

那么这个select所有option的集合是：var options = documentgetElementById("select1")options;即可获取

既然可以获取到option集合，那每一个option的value就不言而喻了。

比如select中第一个选项的value为 var option_value1 = documentgetElementById("select1")options[0]value;

交换两个option的值（和名称）的方式也很简单。

比如这个select的有两个option，分别是<option value="1">1</option>和<option value="2">2</option>,现在交换两个option的位置（即交换值（名称））。

var option_temp = getElementById("select1")options[0];

documentgetElementById("select1")options[0]value = documentgetElementById("select1")options[1]value;

documentgetElementById("select1")options[0]text = documentgetElementById("select1")options[1]text;

documentgetElementById("select1")options[1]value= option_tempvalue;

documentgetElementById("select1")options[1]text = option_temptext;

1：js取值

//获取下拉列表选中项的值

代码如下

function getSelectedValue(name){

var obj=documentgetElementById(name);

return objvalue; //直接用其对象的value属性便可获取到

}

2：获取文本值

代码如下

</select>

var ById = documentgetElementById("Select")

alert(ByIdoptions[ByIdselectedIndex]text)

</script>

以上就是关于用js获取select的多个选项值全部的内容，包括:用js获取select的多个选项值、jquery 怎么取select option 中两个值、如何用jquery获取多个下拉列表所选中的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

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

用js获取select的多个选项值

发表评论

评论列表（0条）