JS获取select option获取选中的值多选

纯JS

var e = documentgetElementById("form-field-select-4");

alert(getSelectValues(e));

// Return an array of the selected opion values

// select is an HTML select element

function getSelectValues(select) {

  var result = [];

  var options = select && selectoptions;

  var opt;

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

    opt = options[i];

    if (optselected) {

      resultpush(optvalue || opttext);

    }

  }

  return result;

}

JQuery

 var selectedValues = [];    

 $("#form-field-select-4 :selected")each(function(){

     selectedValuespush($(this)val()); 

 });

 alert(selectedValues);

需要准备的材料分别有：电脑、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页面，此时成功获得到选中的选项的值和文本并打印了出来。

获取方法：

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

2var index = objselectedIndex; // 选中索引。

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

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

以下为具体html代码：

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

单选下拉列表框对象的value属性值就是选中项的value值，因此只需用如下代码即可

1

var selected_val = documentgetElementById(select_id)value;

并且，通过 *** 作select下的option也可以得到被选项的value值，方法为：

var sel = documentgetElementById(select_id);

var selected_val = seloptions[selselectedIndex]value;

实例演示如下:

1、HTML结构及javascript代码

<select id="test" onchange="alert(thisvalue)">

<option value="0">options-0</option>

<option value="1">options-1</option>

<option value="2">options-2</option>

</select>

以上就是关于JS获取select option获取选中的值多选全部的内容，包括:JS获取select option获取选中的值多选、js 怎么获取select value值 和optione的文字、js如何获取到select的option值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！