有关select样式优化和如何获取select选中的文本与值

戏码人参

已于 2022-08-10 18:04:20 修改

阅读量442

点赞数 1

分类专栏：前端文章标签：前端

于 2022-08-10 15:54:03 首次发布

本文链接：https://blog.csdn.net/qq_42023860/article/details/126268236

版权

本文探讨了前端开发中关于select元素的样式优化，并详细介绍了如何有效地获取select选择项的文本内容和对应的值，对于前端交互和表单处理具有实际指导意义。

摘要由CSDN通过智能技术生成

前端如何获取select选中的文本与值

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>有关select样式优化 和 如何获取select选中的文本与值</title>
    <style>

        /**
         * 【额外备注】——需要引入 jquery.min.js 包
         * 1、当option里面没有写value值，则提交数据时提交的是选定的文本。你可以选择‘初中三年级’和‘请选择’，试看看~~~
         */
        :root{
     
            --main_color: #1f82ff;
            --main_font:#fff;
        }
        .select_layer{
     
            width:200px;margin:50px auto;position: relative