本文目录
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、点击按钮后显示获取到的下拉列表项数组元素