Js如何获取select选中的值(js中怎么得到select的值)

2024-04-06 08:20:03 :45

js如何获取select选中的值(js中怎么得到select的值)

其实js如何获取select选中的值的问题并不复杂,但是又很多的朋友都不太了解js中怎么得到select的值,因此呢,今天小编就来为大家分享js如何获取select选中的值的一些知识,希望可以帮助到大家,下面我们一起来看看这个问题的分析吧!

本文目录

js中怎么得到select的值

《select id="fruit"》《option value="apple"》苹果《/option》《option value="pear"》梨子《/option》《option value="peach"》桃子《/option》《option value="banana"》香蕉《/option》《/select》

取值:

document.getElementById(’fruit’).value;

JS如何获取动态select值(我写的是点击添加)

var gname=document.getElementById("gname").text;

这句不对。应该是

var gname = document.getElementById("gname").value;

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

var gnameOptions = document.getElementById("gname").getElementsByTagName(’option’);

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

for (var i = 0; i 《 gnameOptions.length; i += 1) {    if (gnameOptions.value === gname) {        gname = gnameOptions.innerHTML;        break;    }}

js如何取select的值,并输出为一个数组

思路:通过id获取《select》对象,然后循环获取select对象的option的文本值,关键代码如下:

obj = document.getElementById(select_id);str = ;for(i=0;i《obj.length;i++)  str.text;

下面进行实例演示:

1、HTML结构

《select id="test"》《option value="1"》test1《/option》《option value="2"》test2《/option》《option value="3"》test3《/option》《/select》《input type=’button’ value=’获取’ onclick="fun()"/》

2、javascript代码

function fun(){obj = document.getElementById("test");str = ;for(i=0;i《obj.length;i++){str.text;}alert(str)}

3、点击按钮后显示获取到的下拉列表项数组元素

OK,关于js如何获取select选中的值和js中怎么得到select的值的内容到此结束了,希望对大家有所帮助。

js如何获取select选中的值(js中怎么得到select的值)

本文编辑:admin
Copyright © 2022 All Rights Reserved 威海上格软件有限公司 版权所有

鲁ICP备20007704号

Thanks for visiting my site.