HTML Select控件的增、删、查、选操作

最新推荐文章于 2024-05-03 11:17:45 发布

kagula086

最新推荐文章于 2024-05-03 11:17:45 发布

阅读量2.6k

点赞数

分类专栏： JavaScript或前端文章标签： jQuery

本文链接：https://blog.csdn.net/lee353086/article/details/56669686

版权

测试环境：

Chrome 54.x

下面是源代码

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="UTF-8">
    <link href="assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!-- 颜色设定依赖components.min.css文件 -->
    <link href="assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
    <link rel="stylesheet" href="assets/layouts/layout/css/layout.css">
</head>  
<body>
<!--
Date:2017-02-23
Author:kagula
这里自己记一下，免得每次baidu麻烦
-->
    <div class="page-container">
        <div class="page-content-wrapper">
            <div class="page-content">
                <h1 class="page-title">HTML Select控件 增、删、查、设置选中 的示例代码
                    <small style="margin-left: 8px">依赖Metronic 4.7</small>
                </h1>
                <div class="row">
                    <div class="col-md-3">
                        <select class="form-control" id="selectController">
                            <option value="0">test 0</option>
                            <option value="1">test 1</option>
                        </select>
                    </div>
                    <span class="caption-subject font-red-sunglo bold uppercase" id="selectController_vt">值??文本??</span>
                </div>

                <div class&