js 获取select option 值 value text

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

首先一个小例子：

<form name="selectform" > <select name="test" id="t" οnchange="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，到此结束。