BootStrap 下拉菜单（代替select标签）

最新推荐文章于 2025-04-02 06:07:24 发布

cat_123_cat

最新推荐文章于 2025-04-02 06:07:24 发布

阅读量2.3k

点赞数

文章标签： BootStrap

本文链接：https://blog.youkuaiyun.com/qq_41855053/article/details/84996477

版权

有人说，select标签有点丑，特别是在IE浏览器上，但是 BootStrap 官方文档的下拉菜单不能像select标签那样方便的使用。，网上找的整理如下代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap 实例 - 基本的按钮下拉菜单</title>
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<script type="text/javascript">
$(document).ready(function () {
$('.dropdown-toggle').dropdown();
});
function shows(thisText,value) {
               $('.buttonText').text(thisText);
               $('#region').val(value);
           }
</script>
</head>