日期:2014-05-16  浏览次数:20364 次

JS 得到选中的下拉列表的序号 或者 显示的内容

// html 片段??
<select id="mySelect" onchange="getValue(this);">?
? <option>Apple</option>?
? <option>Orange</option>?
? <option>Pineapple</option>?
? <option>Banana</option>?
</select>?
?
// js???
<script>?
? function getValue(obj)?
? {?
????? var vValue = obj.value;?
????? alert("被选中的下拉列表的值是:"+vValue);?
?
????? var vIndex = obj.selectedIndex;?
????? alert("被选中的下拉列表的索引序号是:"+vIndex);?
?
????? var vInnerHtml = obj.options[obj.selectedIndex].innerHTML?
????? alert("被选中的下拉列表的显示内容是:"+vInnerHtml );?
? }?
</script>?
// html 片段
<select id="mySelect" onchange="getValue(this);">
? <option>Apple</option>
? <option>Orange</option>
? <option>Pineapple</option>
? <option>Banana</option>
</select>

// js
<script>
? function getValue(obj)
? {
????? var vValue = obj.value;
????? alert("被选中的下拉列表的值是:"+vValue);

????? var vIndex = obj.selectedIndex;
????? alert("被选中的下拉列表的索引序号是:"+vIndex);

????? var vInnerHtml = obj.options[obj.selectedIndex].innerHTML
????? alert("被选中的下拉列表的显示内容是:"+vInnerHtml );
? }
</script>

?

备忘所用,也希望给广大网友以提示作用。