《js基础-select选择标签》select下拉选择选中值

最新推荐文章于 2024-07-10 10:08:08 发布

刘贵庆

最新推荐文章于 2024-07-10 10:08:08 发布

阅读量1.1w

点赞数

分类专栏： html js

本文为博主原创文章，未经博主允许请勿转载，切勿用于商业用途，若有引用请加原文链接。

本文链接：https://blog.csdn.net/xysxlgq/article/details/119580815

版权

js html

js 同时被 2 个专栏收录

36 篇文章 1 订阅

订阅专栏

html

10 篇文章 0 订阅

订阅专栏

前述：终于抽出时间，整理了一些编程中所需基础知识。

select下拉选择：选择后输出选中的信息。

效果：

code:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js基础-select选择标签</title>
</head>
<body>
xxxx种类：
<select id="st_id" onchange="select_change()">
    <option value="请选择：">请选择：</option>
    <option value="01选项信息">01选项信息</option>
    <option value="02选项信息">02选项信息</option>
</select>
<script type="text/JavaScript">
    function select_change(){
        var select = document.getElementById("st_id");
        var value = select.options[select.selectedIndex].value;
        if(value!="请选择："){
            console.log(value);
        }
    }
</script>
</body>
</html>