这个示例展示了如何使用Bootstrap和JavaScript实现一个双向选择器。通过CSS和JS下载链接，以及HTML结构和jQuery插件，创建了一个可以展示未选择和已选择项目的列表。在页面加载完成后，初始化双向选择器，并设置了相关的配置选项，如非选择列表标签、选择列表标签、选项值和文本等。此外，还提供了一个获取选中值的简单示例。
bootstrap CSS 和 JS 下载链接：
https://cdnjs.com/libraries/bootstrap-combobox
代码层
<!DOCTYPE html>
<html>
<head>
<title>列表双向选择器</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<link type="text/css" rel="stylesheet" href="css/bootstrap.css" />
<link type="text/css" rel="stylesheet" href="css/doublebox-bootstrap.css" />
<body>
<style type="text/css">
.ue-container {
width: 60%;
margin: 0 auto;
margin-top: 3%;
padding: 20px 40px;
border: 1px solid #ddd;
background: #fff;
}
</style>
<!-- 页面结构 -->
<div class="ue-container">
<select multipl
最低0.47元/天 解锁文章
扫一扫
994
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
