获取HTML下拉菜单选定值对应的显示值，即value对应的text

wang_zhi_peng2007

浏览: 254033 次
性别:
来自: 北京

最近访客更多访客>>

zy103118

gogant

xiaowangabc

yjx4612233

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

前端_JavaScript

获取HTML下拉菜单选定值对应的显示值，即value对应的text:

<html>
<head>
<title>获取HTML下拉菜单选定值对应的显示值，即value对应的text</title>
</head>

<body>

<script language="JavaScript" type="text/javascript">

//获取HTML下拉菜单选定值对应的显示值，即value对应的text
function getSelectText(selectId){

    if(null==selectId || selectId.length==0){
        alert('select下拉菜单的id不应为空，请返回检查！');
        return '';
    }

    var objSel = document.getElementById(selectId);

    if(null == objSel){
        alert('id为' + selectId +'的下拉菜单不存在，请返回检查！');
        return '';
    }

    var selectVal = objSel.value;    //获取下拉菜单的当前选定值
    
    var ops = objSel.options;

    if(null==ops || ops.length==0){
        return '';
    }

    for(var i=0; i<ops.length; i++){
        if(selectVal == ops[i].value){
            return ops[i].text;    //返回当前选定值对应的显示值
        }
    }

    return '';
}

</script>

<form method=post action="">
<select name="sel1" id="sel1">
   <option value="1">选项A</option>
   <option value="2">选项B</option>
</select>

<input type="button" value="获取菜单显示值" onclick="alert(getSelectText('sel1'));">
</form>

</body>
</html>

分享到：

打JAR包 | 用java调用oracle存储过程总结

2012-07-02 18:19
浏览 1282
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

获取HTML下拉菜单选定值对应的显示值，即value对应的text

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

获取HTML下拉菜单选定值对应的显示值，即value对应的text

评论

发表评论

相关推荐

js中获取时间new date()的用法 获取时间

JS刷新父窗口的几种方式

javascript中 visibility和display的区别

js导出table表数据到Excel

js javascript 几个收缩/展开/折叠的js代码

js javascript 根据后台的值默认选中单选按钮,radio,单选默认值,单选扭默认

JavaScript版的简单动画

通用的校验必填项不能为空(包括input框，单选框，复选框,文本域)

提交一组中选中的checkbox方法

js中设置控件的隐藏与显示(display:none)

js数组操作大全（带实例）

JS对JSON的操作总结

JavaScript Array数组的使用方法整理

JavaScript 动态表格增加、删除、行金额计算、合计

javascript数组操作

JS取表格行数和列数

js动态增加、删除表格

table 表格对象 基本操作

DOM HTML 经典总结 案例解析

JS自动计算表单金额

最近访客更多访客>>

js中获取时间new date()的用法获取时间

table 表格对象基本操作

DOM HTML 经典总结案例解析