js 获取select option 值 value text

常常为获取select option的text值而烦恼，今天终于弄明白了。其实挺简单，主要是编辑器提示的太少了，已经习惯自动提示的我，感觉编辑js代码有点吃力。今天好好的体会下select。

首先一个小例子：

<form name="selectform" >
<select name="test" id="t" onchange="change()" >
 <option value="1" label="第一" selected="selected">第一</option>
 <option value="2" label="第二">第二</option>
 <option value="3" label="第三">第三</option>
 <option value="4" label="第四">第四</option>
</select>
</form>

首先取得option的value值，相对简单，在select标签上没有value属性，

option的value值就是select的value。

所以求得select value的值的方法如下

var ss = document.selectform.test;

var value= ss.value;//1或者2。。。

很多ide提示在select和option上面都没有selectIndex的属性提示，但是js能通过selectIndex这个属性获取选择项的

相关信息

可能是因为selectIndex是一个动态的列，它总是跟随selected属性改变，所以ide才没有自动提示

获取select text的值方法如下：

var ts1 = ss.options[ss.selectedIndex].text;//第一或者第二。。。

还可以用innerText获取：

var ts2 = ss.options[ss.selectedIndex].innerText;//第一或者第二。。。

可以打印下看看

alert(ts1);
alert(ts2);

ok，到此结束。

 

评论

2 楼 输入法 2011-11-29  

上面书籍里有详细介绍？

1 楼 caowei3047 2010-05-18  

这是基础，可是能用熟练的话，却可以小称高手已