jquery简单多选下拉框

最新推荐文章于 2024-07-19 03:19:36 发布

弹琴弹琴

最新推荐文章于 2024-07-19 03:19:36 发布

阅读量4.9k

点赞数

分类专栏：前端点滴知识文章标签：下拉多选

本文链接：https://blog.csdn.net/bbsyi/article/details/87781891

版权

这篇博客详细介绍了如何利用jQuery创建一个支持多选功能的下拉框，提供了具体的实现步骤和参考链接。

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

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <style>
        *{
            padding: 0;
            margin: 0;
        }
        .checks_div_select {
            width: 112px;
            height:245px;
            background-color: #e9fbfb;
            border: 1px solid #18cbcd;
            font-family: 'Verdana', '宋体';
            font-size: 12px;
            position: absolute;
            top: 38px;
            z-index:1;
        }
    </style>
</head>
<body>
<div style="position:relative;"> 
     <input type="text" id="test_div" class="form-control" style="width:110px; height:35px;" readonly /> 
</div>
<br/>
<br/>
<div style="position:relative;"> 
     <input type="text" id="test_div1