当前位置: 代码迷 >> Web前端 >> 怎么获取当前 select 元素的值【转】
  详细解决方案

怎么获取当前 select 元素的值【转】

热度:96   发布时间:2012-10-24 14:15:58.0
如何获取当前 select 元素的值【转】

1.如果 select 元素下的所有 option 元素均没有指定 selected 属性,会默认选中第一个.

2.可以通过select.selectedIndex 获取到选中的 option 元素的索引.

3.可以通过select.options[select.selectedIndex]获取到选中的option元素。

4.option元素<option selected="selected" value="value3">text3</option>,可以通过option.value获得option元素的value属性值,即value3;可以通过option.text获得option元素内的文本,即text3.

5.如果option元素没有定义value属性,则IE中option.value无法获得,但Safari、Opera、FireFox依旧可以通过option.value获得,值同于option.text。

6.可以通过option.attributes.value && option.attributes.value.specified来判断option元素是否定义了value属性。

?

故,获得当前 select 元素值的脚本如下:

var getSelectValue = function(select) {
??? var idx = select.selectedIndex;
??? var? option;
? ? var? value;
??? if (idx > -1) {
??????? option = select.options[idx];
??????? value = option.attributes.value;
??????? return (value && value.specified) ? option.value : option.text;
??? }
??? return null;
}

?

?

http://www.planabc.net/2010/03/27/how_to_get_select_element_value/

  相关解决方案