js操作select 显示option的文本

表白：黑白圣堂血天使，天剑鬼刀阿修罗。 
讲解对象：/js操作select 显示option的文本
作者：融水公子 rsgz
===

今天有一个需求就是 怎么获取这个下拉框列表的 选中的值呢？用js实现

这里面简单的思路就是

select_ele = document.getElementById('select')
index = select_ele.selectedIndex  // 1
select_text = select_ele.options[index].text;  // "萧炎"

获取其他option文本
select_ele.options[0].text;
select_ele.options[1].text;
select_ele.options[2].text;

获取option长度
select_ele.length //3

获取对应option源码
select_ele.item(2) // <option value="goldfish" selected="">Goldfish</option>
select_ele.namedItem('cat'));  // <option value="cat" name="cat">Cat</option>

创建新option
var Macaw = document.createElement("option");  // 创建元素
Macaw.setAttribute("value", "macaw");
var newContent = document.createTextNode("Macaw");   // 创建文本
Macaw.appendChild(newContent);  // 文本放进元素
selectEle.add(Macaw, 1);// Macaw index为1   元素放进select对象
selectEle.remove(2);// cat 被删除

=== 

公众号：不浪仙人

谢谢大家的支持！可以点击我的头像，进入我的空间浏览更多文章呢。建议大家360doc[www.360doc.com]注册一个账号登录，里面真的有很多优秀的文章，欢迎大家的到来。
---