原生js select选择后 ajax获取数据渲染table

最新推荐文章于 2022-08-23 23:49:36 发布

狗蛋今天睡醒了吗

最新推荐文章于 2022-08-23 23:49:36 发布

阅读量515

点赞数 1

分类专栏： javascript html 原生文章标签： javascript ajax

本文链接：https://blog.csdn.net/gd81325/article/details/111916764

版权

本文介绍了如何使用原生JavaScript操作select选择事件，并通过AJAX跨域获取数据，然后将数据动态渲染到表格中。由于对样式没有特定要求，代码可能较为简洁直接，以快速实现功能为主。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./jquery-3.5.1.min.js"></script>
    <style>
        .jsbox {
   
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .slt {
   
            margin-left: 60px;
        }
        select {
   
            width: 120px;
            height: 35px;
            font-size: 18px;
        }
        table {
   
            height: auto;
            width: auto;
        }
        th {
   
            width: 200px;
            background-color: beige;
        }
        td {
   
            width: 200px;
            text-align: center;
            height: 35px;
        }

    </style>
</head>
<body>
    <div class="jsbox">
        <div class="slt">
            <select id='select' onchange=''>
                <option value=''