Javascript怎么取select的选中值和文本

Javascript取select的选中值和文本方法：

拿到select对象： var myselect=documentgetElementById("test");

拿到选中项的索引：var index=myselectselectedIndex ; // selectedIndex代表的是所选中项的index

拿到选中项options的value： myselectoptions[index]value;

拿到选中项options的text： myselectoptions[index]text;

var gname=documentgetElementById("gname")text;

这句不对。应该是

var gname = documentgetElementById("gname")value;

不过这样，你拿到的只是选中的id，所以这下很麻烦，你用原生的JS还需要

var gnameOptions = documentgetElementById("gname")getElementsByTagName('option');

然后遍历一遍，找出符合的id

for (var i = 0; i < gnameOptionslength; i += 1) {

    if (gnameOptions[i]value === gname) {

        gname = gnameOptions[i]innerHTML;

        break;

    }

}

单选下拉列表框对象的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>

var SeleObj = documentgetElementById("selectID");

var tmpSelectValues="";

for (var i = 0;i<SeleObjlength; i++) {

if (SeleObjoptions[i]selected) {

//选中项的值 SeleObjoptions[i]value;

tmpSelectValues+=SeleObjoptions[i]value+",";

}

}

要到后台使用的话,你可以tmpSelectValues赋值于一个隐藏控件,然后提交到后台

以上就是关于Javascript怎么取select的选中值和文本全部的内容，包括:Javascript怎么取select的选中值和文本、JS如何获取动态select值（我写的是点击添加）、如何利用javascript获取表单中select下拉列表中所选中项的值value等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！