当前页面: 开发资料首页 → JSP 专题 → JavaScript中如何取到下拉菜单select的文本？

JavaScript中如何取到下拉菜单select的文本？

摘要: JavaScript中如何取到下拉菜单select的文本？

例：FORM的名字是formPost
下拉菜单的名字是demo
那么document.formPost.demo.value可以取到所选下拉菜单的值，
但怎么取所选下拉菜单对应的文本呢？
例如：一个用户下拉菜单，值为用户的ID号，
下拉菜单中显示出来的是这个ID号对应用户的名字，
怎么可以取到这个名字？

---

基本JS问题？没问会吗？我当只有我这个菜鸟不会列...

---

<select id="demo">
<option value="1">张三
<option value="2" selected>李四
</select>

<script>
//取的当前选种项的text文本
alert(document.getElementById("demo").options[document.getElementById("demo").selectedIndex].text);
</script>

---

getElementById 方法
返回具有指定 ID 属性值的第一个对象的一个引用。

语法
oElement = document.getElementById(sIDvalue)

参数
sIDvalue 必选项。指明 ID 属性值的字符串

返回值
返回 ID 属性值与指定值相同的第一个对象。

注释
如果 ID 属于一个集合，getElementById 方法返回集合中的第一个对象。
getElementById 方法与使用 all 集合上的 item 方法等同。例如，以下代码样本表示如何从 document 对象中取回 ID 为 oDiv 的第一个要素。

使用 DHTML 对象模型：
var oVDiv = document.body.all.item("oDiv");
使用文档对象模型(DOM)：
var oVDiv = document.getElementById("oDiv");

示例
以下例子表示如何使用 getElementById 方法返回 ID 属性值 oDiv 的第一次出现。
<script>
function fnGetId(){
// Returns the first DIV element in the collection.
var oVDiv=document.getElementById("oDiv1");
}
</script>



<input TYPE="button" value="Get Names" onclick="fnGetId()">

---

用了前面这位大哥的方法，我页面其他的JS都报废了........连进多选框的功能都出不来...

---

formPost.demo[formPost.demo.selectedIndex].innerText

---

formPost.demo.option[demo.selectedIndex].value

---

formPost.demo.options[demo.selectedIndex].value

---

mark......

---

错怪lip009(深蓝忧郁)了，他的方法没造成我其他JS出错，是我自己看错了...不好意思

---

不过也没出来...

---

用我的代码要在你的select标签上加上id属性="demo"

---

哦，我试试，id属性不是CSS用的吗？id属性还与什么其他用？...

---