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

最新推荐文章于 2022-10-22 23:29:47 发布

wang_zhi_peng2007

最新推荐文章于 2022-10-22 23:29:47 发布

阅读量2.9k

点赞数

分类专栏：前端_JavaScript 文章标签： javascript 数据库 ViewUI

本文链接：https://blog.csdn.net/wang_zhi_peng2007/article/details/84242869

版权

前端_JavaScript 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

获取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="获取菜单显示值" οnclick="alert(getSelectText('sel1'));">
</form>

</body>
</html>

wang_zhi_peng2007

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
获取HTML下拉菜单选定值对应的显示值，即value对应的text

获取HTML下拉菜单选定值对应的显示值，即value对应的text: &lt;html&gt;&lt;head&gt;&lt;title&gt;获取HTML下拉菜单选定值对应的显示值，即value对应的text&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;script language="JavaScript&qu
复制链接

扫一扫